@media screen and (min-width: 1245px) {
	.blupp{
		width:10vw;
	}
}

@media print {
	a[href]:after {
		content: "";
	}	
}

w1-container table{
	overflow: hidden;
}

.navbar-brand img {
	margin-top: 15px;
}

.pageTitle {
	font-size: 24px;
	margin-bottom: 20px;
    margin-top: 20px;
    white-space: nowrap;
}

.page-title span {
	color: #888888;
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.page-title h3 {
	color: #555555;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
}

.pageButtons {
	margin-bottom: 40px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
    padding: 0;
    padding-top: 25px;
}

.jumbotron h1 {
    font-size: 40px;
}

.jumbotron li {
    list-style-type: none;
}

.footer {
	text-align: right;
	padding-right: 20px;
	font-size: 10px;
	color: #ccc;	
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.responsiveContainer {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
}

.responsiveContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panel-heading {
	font-weight: bold;
}

.panel-default > .panel-heading {
	color: #00475D;
	/*text-shadow: 0 1px 0 #000;*/
	background: #e8f1f4;
}

.navbar > .container {
    padding-left: 0px;
    padding-right: 0px;
    width: auto !important;
}

.top-header1 .header_part_center {
	white-space: nowrap;
	line-height: 46px;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
}

.header_part_right {
	text-align: right;
	white-space: nowrap;
	line-height: 46px;
	padding-left: 20px;
	padding-right: 20px;
}

.header_part_right_internal {
	margin-top: 5px;
	text-align: right;
	white-space: nowrap;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 18px;
	width: 250px;
}

.top-header1 {
	background: #fff;
}

.isqOnly {
	padding: 2px 10px;
	/*background: repeating-linear-gradient(45deg, #00475D 0%, #00475D 3%, transparent 0%, transparent 50%) 0 / 5px 5px;*/
	background: #e8f1f4;
	background-image: linear-gradient(to right, rgba(87, 155, 170, 0), rgba(87, 155, 170, 1));
}

.isqOnlySideBorder {
	padding-left: 10px;
	padding-right: 10px;
	/*background: repeating-linear-gradient(45deg, #00475D 0%, #00475D 3%, transparent 0%, transparent 50%) 0 / 5px 5px;*/
	background: #e8f1f4;
	background-image: linear-gradient(to right, rgba(87, 155, 170, 0), rgba(87, 155, 170, 1));
}

.test-env-background {
	/*background: repeating-linear-gradient(45deg, #FF7F7F 0%, #FF7F7F 3%, #fff 0%, #fff 50%) 0 / 10px 10px;*/
	background: #fff;
	background-image: linear-gradient(to bottom, rgba(87, 155, 170, 0), rgba(87, 155, 170, 1));
}

.test-env-text {
	color: #fff;
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;	
}

.top-header1 img {
	padding-left: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
    width: 378px;
}

.top-header2 {
	padding-left: 20px;
	padding-right: 20px;
}

.our_partners > ul > li:hover .logo{
    border-color: #388aa4 !important;
    outline: 2px solid #388aa4;
}

.kontrolle-daten {
	background-color: #f1f1f1;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 30px;
	padding: 4px;
    border-top: solid 1px #8e8e8e; 
    border-right: solid 1px #d1d1d1; 
    border-left: solid 1px #d1d1d1; 
    border-bottom: solid 1px #e4e4e4; 
}

.zip-passwort {
	background: radial-gradient(white 15%, gray 85%);
	color: #888;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 8px;
	width: 150px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	border-radius: 20px;
}

.zeileAusgeblendet {
	display: none;
}

.icon-testteil-hover {
	-webkit-transition: opacity ease;
	-moz-transition: opacity ease;
	-ms-transition: opacity ease;
	-o-transition: opacity ease;
	transition: opacity ease;
	opacity: 0.4;

}

.icon-testteil-hover:hover {
	opacity: 1;
}

.cssWarning {
	background-color: #f2dede !important;
}

dt:after {
	content: ":";
}

.textmodule dt {
	line-height: 2;
}

.textmodule dt:after {
	content: none;
}

.projectlogo {
	width: 200px;
	padding-right: 20px;
	/* border: 1px solid #ddd;*/
}

/*** answer styles start ***/

input[type=radio].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before {
	margin-left: 15px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f10c";
    color: #aaaaaa;
    letter-spacing: 5px;
}

input[type=radio].with-font-richtig:checked ~ label:before  {
    content: "\f00c";
    color: #00bb00;
    letter-spacing: 3px;
}

input[type=radio].with-font-falsch:checked ~ label:before  {
    content: "\f00d";
    color: #d24242;
    letter-spacing: 3px;
}

input[type=radio].with-font-nb:checked ~ label:before  {
    content: "\f068";
    color: #aaaaaa;
    letter-spacing: 3px;
}

input[type=radio].with-font:disabled ~ label:before  {
    content: "\f10c";
    color: #aaaaaa;
    letter-spacing: 5px;
}

input[type=radio].with-font-richtig:checked ~ label:before, input[type=radio].with-font-richtig:checked ~ label {                
    color: #00bb00;
}

input[type=radio].with-font-falsch:checked ~ label:before, input[type=radio].with-font-falsch:checked ~ label {                
    color: #d24242;
}

input[type=radio].with-font-nb:checked ~ label:before, input[type=radio].with-font-nb:checked ~ label {                
    color: #aaaaaa;
}

input[type=radio].with-font:disabled ~ label:before, input[type=radio].with-font:disabled ~ label {                
    color: #aaaaaa;
}

input[type=radio].with-font ~ label:before, input[type=radio].with-font ~ label {                
    color: #00475d;
}

/*** answer styles end ***/

.popover{
   min-width:100px;
   max-width:400px;
   width:100%;
}

.stripe-on, .stripe-off {
	cursor: default;
    line-height: 30px;
}

.stripe-off {
    background: #f3f3f3;
}

.markedAnswerRow {
	border: 2px solid #00475d;
	border-style: dashed;
	background: #fcf8e3;
}

.opacity50 {
    opacity: 0.5;                /* Opacity (Transparency) */
    color: rgba(0, 0, 0, 0.5);   /* RGBA Color (Alternative Transparency) */
    -webkit-filter: blur(0px);    /* Blur */
    -moz-filter: blur(0px);
    filter: blur(0px);
}

.error-class {
	color: #a94442;
}

.row_inactive {
	text-decoration: line-through;
}

a.modalBtn {
	cursor: pointer;
}

.btn-xs, .btn-group > .btn-xs {
    font-size: 100%;
}

.tool-tip {
  display: inline-block;
}

.tool-tip [disabled] {
  pointer-events: none;
}

.site-privacy a {
	text-decoration: underline;
}

.bootstrap-dialog.type-warning .modal-header {
	background-color: #f9f9f9;
}

.bootstrap-dialog .bootstrap-dialog-title {
	color: #00475d;
}

.bootstrap-dialog .btn-warning {
	color: #fff;
	background-color: #d24242;
}

option:disabled {
	background: #f5f5f5;
}

@media (min-width: 768px) {
	.dl-horizontal dt {
		width: 200px;
	}
	.dl-horizontal dd {
		margin-left: 220px;
	}
}

.shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tooltip-inner.large {
	max-width: 500px;
	width: 500px;
	text-align: left;
	background: #fcf8e3;
	color: #00475d;
}

#scissors {
	height: 43px; /* image height */
	width: 100%;
	margin: auto auto;
	background-image: url('../images/scissor.png');
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
}

#scissors div {
	position: relative;
	top: 50%;
	border-top: 3px dashed #000000;
	margin-top: -3px;
}

.discreet {
	color: #ccc;
}

.btn-link, .btn-link:visited  {
	color: inherit;
	font-weight: bold;
	text-decoration: none !important;
	border-bottom: 2px dotted #d75757;
}

.btn-link:hover {
	color: #d75757 !important;
	font-weight: bold;
	text-decoration: none !important;
	border-bottom: 2px dotted #d75757;
}

.btn:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
	-webkit-box-shadow: 0 0 3px 1px rgba(60, 118, 61, 0.75);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 0 3px 1px rgba(60, 118, 61, 0.75);  /* Firefox 3.5 - 3.6 */
	box-shadow:         0 0 3px 1px rgba(60, 118, 61, 0.75);  /* Opera 10.5+, IE 9+, Firefox 4+, Chrome 6+, iOS 5+ */
}

#myDropzone {
	width: 100%;
	border: 1px dashed #000000;
	background-color: #f3f3f3;
	font-size: 20px;
}

#contactform-age_verification, #newslettersubscriber-age_verification, #user-age_verification {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

@media print {
	.scw-cookie {
		visibility: hidden;
	}
}

.link {
	text-decoration: underline;
}


.button-grid {
	padding: 0;
	margin: 0;
	list-style: none;
}

.button-grid li {
	padding: 5px;
}

.button-grid .toggle-button {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #000;
	transition: border-color 0.3s;
}

.button-grid .toggle-button:hover {
	background-color: rgba(92, 184, 92, 0.1); /* Transparenter Grün-Ton bei Hover */
	border-color: rgba(47, 150, 180, 1);
}

.button-grid .toggle-button.active {
	background-color: rgba(47, 150, 180, 0.3); /* Transparenter Grün-Ton wenn aktiv */
	border-color: rgba(47, 150, 180, 1);
}

.button-grid .toggle-button.active:focus {
	border-color: rgba(47, 150, 180, 1);
	background-color: rgba(47, 150, 180, 0.8); /* Transparenter Grün-Ton wenn aktiv */
}

.button-grid .toggle-button:hover {
	background-color: rgba(47, 150, 180, 0.5); /* Ändert die Hintergrundfarbe bei Hover */
	border-color: rgba(47, 150, 180, 1);
}

.button-grid .toggle-button:focus {
	border-color: rgba(47, 150, 180, 1);
	background-color: #fff;
}

.button-grid .toggle-button[disabled] {
	background-color: #eee; /* Hintergrundfarbe ändern, wenn deaktiviert */
	border-color: #ccc; /* Randfarbe ändern, wenn deaktiviert */
	color: #999; /* Textfarbe ändern, wenn deaktiviert */
	cursor: not-allowed; /* Cursor ändern, wenn deaktiviert */
}

.button-grid .toggle-button.active[disabled] {
	background-color: rgba(47, 150, 180, 0.3); /* Transparenter Grün-Ton wenn aktiv */
	border-color: rgba(47, 150, 180, 1);
	color: #000; /* Textfarbe ändern, wenn deaktiviert */
	cursor: not-allowed; /* Cursor ändern, wenn deaktiviert */
}

/* Stil für den deaktivierten und aktiven Toggle-Button bei Hover */
.button-grid .toggle-button.active[disabled]:hover {
	background-color: rgba(47, 150, 180, 0.3); /* Transparenter Grün-Ton wenn aktiv */
	border-color: inherit; /* Keine Änderung der Randfarbe */
	color: inherit; /* Keine Änderung der Textfarbe */
}

/* Zeilen-Umbruch beim Projektmenü in der Hauptnavigation */
#menu-projects > ul.dropdown-menu:first-of-type {
	columns: 2; /* Automatischer Umbruch in zwei Spalten */
	-webkit-columns: 2;
	-moz-columns: 2;
}

.distribution-no-exams-toggle .btn.active {
	background-color: rgba(47, 150, 180, 0.3) !important;
	border-color: #2f96b4 !important;
	color: #000 !important; /* Textfarbe anpassen nach Bedarf */
}

.distribution-no-exams-toggle .btn {
	padding: 0.75rem 1.5rem;   /* mehr Innenabstand */
	min-width: 200px;          /* optionale Mindestbreite */
}

.distribution-no-exams-toggle .btn.active {
	background-color: rgba(47, 150, 180, 0.3) !important;
	border-color: #2f96b4 !important;
	color: #000 !important;
}

.real-name-blur {
	filter: blur(6px);
	user-select: none;
	color: #777;
	letter-spacing: 0.15em;
}