/*****  all_ueberarbeitet.css  	*****/

body {
	font-family: 'Open sans', sans-serif !important;
	background-color: #f8f8f8;
}
body#vd_body_main:before {
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url(https://static.dashoefer.de/relaunch/images/verlaufsgrafik.jpg);
}
a, a:active, a:focus {
    color: #3477b7;
}
a:hover {
    color: #02376d;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Raleway', 'Open Sans', sans-serif !important;
}
#CybotCookiebotDialogBodyContentTitle {
	color: #000000 !important;
}
ul {
	list-style-type:square;
}
/* --- Fix für im-icons */
.im {
	line-height: 1em !important;
}

/* START Header */

.header {
	/*background: url("/relaunch/images/header_bg.png") repeat-x; */
	min-height: 130px;
	padding-top: 10px;
	margin-bottom: 20px;
	background: #1e5799; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NGE2ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1e5799 0%, #54a6e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#54a6e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#54a6e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#54a6e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#54a6e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 0%,#54a6e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#54a6e5',GradientType=0 ); /* IE6-8 */
	box-shadow: 0 4px 2px -2px gray;
}
.img-mirrored {
	transform: rotateY(180deg);
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -2px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}
.tooltip-inner {
  color: #000;
  background: #fff;
  border: solid 1px #fff;
}
.tooltip.left {
	margin-left: -7px;
}
.dh-tooltip + .tooltip > .tooltip-inner {
	background-color: #ebf2f9;
}
.dh-tooltip + .tooltip > .tooltip-arrow { 
	border-bottom-color:#ebf2f9; 
}

/* END Header */

/* START auf einen blick */

.blick h4{
	color: #17467e;
}
.blick_more {
	margin-bottom: 20px;
}
.blick_auge {
    background-image: url("https://www.dashoefer.de/images/eyeofthetiger.png");
    float: left;
    height: 19px;
    margin-right: 10px;
    width: 30px;
}
.blick_hut {
    background-image: url("https://www.dashoefer.de/images/hut.png");
    float: left;
    height: 19px;
    margin-right: 10px;
    width: 30px;
}
.blick_price {
	font-size:24px;
	line-height:28px;
	margin-bottom: 15px;
}
.blick_termine {
	padding: 4px 5px;
}
.blick_more2 {
	margin-bottom: 20px;
}
.blick_more2  h4{
	font-size: 16px;
}

/* END auf einen blick */

/* START sofortanmeldung */

.blick_sofortanmeldung {
    float: left;
	margin-top: -3px;
    margin-right: 10px;
    width: 20px;
	color: gray;
	font-size: 20px;
}
.blick_termine {
    color: gray;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    margin-top: -5px;
    width: 20px;
}
.sofortanmeldung {
	margin-bottom: 25px;
}

/* END sofortanmeldung */

/* START Breadcrumb-Navi */

#newbreadnavi {
	position: relative;
	top: -45px;
	padding-left: 155px;
	height: 30px;
	font-size: 0.875rem;
	overflow: visible;
}
#newbreadnavi ul#breadnavipfad-lg {
	max-height: 20px;
	overflow: visible;
}
@media (max-width: 991px) {
	#newbreadnavi {
		display: none;
	}
}
.breadnavi {
	padding: 0px 20px 20px 20px;
}
.breadnavipfad {
	margin-top: 8px;
}

/* END Breadcrumb-Navi */

/* START Pagetitle */

.pagetitleheader {
	margin-bottom: 20px;
}
h1.pagetitle {
	margin-top: 0px;
}
h2.pagetitle {
	font-size: 18px;
}

/* END Pagetitle */

.anchor100 {
    display: block;
    position: relative;
	top: -170px;
	visibility: hidden;
}
.anchor120 {
    display: block;
    position: relative;
	top: -190px;
	visibility: hidden;
}
.dropdown-menu li a img {
	padding-right: 10px;
}

/* video_kram */

.videobox {
    margin-bottom: 20px;
}
.videobox span.vu {
    color: #848484;
    font-size: 13px;
}
.seminar_video_container {
    color: white;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
}
.seminar_video_container:hover span {
    background-color: #cc181e;
    opacity: 1;
}
.seminarvideo-img {
    width: 360px;
}
.seminarvideo-img:hover {
    opacity: 0.8;
    transition: opacity 0.5s ease 0s;
}
.seminarvideo-playbutton {
    background-color: black;
    border-radius: 5px;
    height: 34px;
    left: 44%;
    opacity: 0.7;
    position: absolute;
    top: 43%;
    width: 50px;
}
.seminarvideo-playbutton-icon {
    font-size: 24px;
    left: 48%;
    position: absolute;
    top: 45%;
}
.seminarvideo-platzhalter {
    background-image: url("https://static.dashoefer.de/relaunch/images/seminar-platzhalter.jpg");
    background-size: 100% auto;
    color: #2a6496;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px 10px 90px 105px;
    text-align: right;
    width: 100%;
}

/* überschriften */

h1.seminar_title {
    font-size: 40px;
    margin-top: 0;
    padding-top: 0;
}
h1.seminar_title small {
    font-size: 50%;
}
h2.seminar_subtitle {
    font-size: 26px;
    margin-top: 0;
}

/* END functions-menu */

/* START POPUPs HabenSieFragen  */

@media (max-width: 991px) {
	.habensiefragenpopup img {
		display: none;
	}
}

/* Overrides + 12000 wegen BNC Player settings*/
.modal {
	z-index:13050 !important; 
}
.modal-backdrop {
	z-index: 13040!important; 
}
.dropdown-menu {
  z-index: 13000!important; 
}

/* lars: nur bei Einführung neuer Website mal benutzt, aktuell nicht benutzt */

.umfrage:hover {
	opacity: 0.8;
}
.umfrage-popup {
	font-size: 16px;
	width: 800px;
}
.umfrage-popup iframe {
	height: 1200px;
}
.edoc-umfrage iframe {
	height: 780px !important;
}
.autoform_success, .autoform_fail, .autoform_captcha, .autoform_ask_captcha { display:none; }

/* END Haben Sie Fragen POPUP */

/* START bottom-menu */

.bottom-menu {
  background-color: #e8e8e8;  
	border-top: 1px solid silver;
    margin-top: 24px;
    padding: 25px 0px;
}
.bottom-menu-headline {
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
}
@media (max-width: 767px) {
	.bottom-menu-headline {
		text-align: center;
		border-width: 0px;
	}
}
.bottom-menu-formate a {
    color: #02376D;
}
.bottom-menu-topics a {
	color: #000;
}
.bottom-menu ul {
    font-size: 0.75rem;
    list-style-type: none;
	line-height: 1.5em;
	padding-left: 0px;
	font-weight: normal;
}
@media (max-width: 767px) {
	.bottom-menu ul {
		font-size: 1em;
	}
}
.bottom-menu ul li {
	line-height: 2em;
}
@media (max-width: 767px) {
	.bottom-menu-socialmedia {
		margin-left: auto;
		margin-right: auto;
		width: 120px;
	}
}
.bottom-menu-socialmedia li {
	margin-bottom: 10px;
}
.bottom-menu-socialmedia img {
	width: 24px;
	margin-right: 10px;
	opacity: 0.45;
}
@media (min-width: 768px) {
	.bottom-menu-socialmedia li {
		width: 50%;
		float: left;
		height: 40px;
	}
}
@media (min-width: 992px) {
	.bottom-menu-themen li {
		display: inline;
	}
	.bottom-menu-themen li:after {
		content: ", ";
	}
	.bottom-menu-themen li:last-of-type:after {
		display: none;
	}
	.bottom-menu-produkte li {
		display: inline;
	}
	.bottom-menu-produkte li:after {
		content: ", ";
	}
	.bottom-menu-produkte li:last-of-type:after {
		display: none;
	}
}
/* END  bottom-menu */

/* START footer */
.pagefooter {
	background-image: linear-gradient(to bottom, #e8e8e8 0px, #f5f5f5 100%);
	padding: 30px 0 20px 0;	
}
.pagefooterlink {
	margin: 0px;
	color: gray;
}
.pagefooterlink:after {
	content: "|";
	margin-right: 15px;
	margin-left: 15px;
	display: inline-block;
	color: #808080;
}
.pagefooterlink:last-of-type:after {
	display: none;
}
@media (max-width: 600px) {
	.pagefooterlink {
		display: block;
		margin-bottom: 1em !important;
	}
	.pagefooterlink:after {
		display: none;
	}
}
.copyright {
	color: gray;
	font-size:10px;
}

/* END footer */

@media (max-width: 767px) {
	a.nachoben {
		bottom: 15px;
		right: 15px;
	}
	.nachoben .nachobentext {
		display: none;
	}
}

/* START alle SECTIONS */

.section {
	padding: 2rem 0 3rem 0;
}
.section:nth-of-type(odd) {
	background-color: rgba(234,234,234,0.5);
}
.section-title {
	margin-bottom: 1rem;
}
.section-title h2 {
	color: #02376d;
}
.module {
	padding-bottom: 25px;
}

/* END alle SECTIONS */

/* lars: der gehört weg, wird aber extrem viel verwendet */
.margin10 {
	margin-bottom:10px;
}
.seminarteam {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.seminarteam-item {
	margin-bottom: 20px;
}
.seminarteam-contact {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}
/* END Ihr Seminarteam */

/*****  -----------------------------------------	*****/
/*****  ALLE Buttons								*****/
/*****  -----------------------------------------	*****/

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0;
}
.btn-wrap {
	white-space:normal;
}
.btn-topmenu:hover,
.btn-topmenu:focus {
    background-color: #e0e0e0;
}

/* Langfristig sollte btn-cta die Klasse btn_action ersetzen, die sie mit Bootstrapklassen besser kompatibel ist ... */

.btn_action {
	background-image:-webkit-linear-gradient(top left,#ffba4c 0,#ff9c00 100%);
	background-image:-o-linear-gradient(top,#ffba4c 0,#ff9c00 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffba4c),to(#ff9c00));
	background-image:linear-gradient(to bottom right,#ffba4c 0,#ff9c00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffba4c', endColorstr='#ffff9c00', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-position: 0 0;
    background-repeat: repeat-x;
	color: #ffffff;
	border-color: #e38d13;
	width: 100%;
	background-color: #ff9c00;
}
.btn_action:hover, .btn_action:focus, .btn_submitOrder:hover, .btn_submitOrder:focus {
    background-image:-webkit-linear-gradient(top left,#ff9c00 0,#ff7700 100%);
	background-image:-o-linear-gradient(top,#ff9c00 0,#ff7700 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9c00),to(#ff7700));
	background-image:linear-gradient(to bottom right,#ff9c00 0,#ff7700 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c00', endColorstr='#ffff7700', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #ffffff;
}
.btn_submitOrder {
	background-image: linear-gradient(to bottom, #ff9c00 0px, #dc8700 100%);
    background-repeat: repeat-x;
	color: #ffffff;
	border-color: #e38d13;
	background-color: #ff9c00;
}
.btn_absenden {
	width: 100%;
}
input.btn_absenden {
	margin-top: 5px;
}
.orderbuttontop {
	margin-top: 10px;
	max-width: 360px;
}

/*****  -----------------------------------------	*****/
/*****  Bootstrap-Klassen überschreiben 	*****/
/*****  -----------------------------------------	*****/

.card {
    background-color: rgba(255,255,255,0.75);
}
.btn, .btn:active, .btn:focus, .btn:hover {
	box-shadow: none !important;
	background-image: none !important;
	filter: none !important;
}
.btn-default, .btn-default:active, .btn-default:focus {
	background-color: rgba(255,255,255,0.75);
	border-color: #cccccc;
	color: #333333 !important;
}
.btn-default:hover {
	background-color: #ffffff;
	border-color: #cccccc;
	color: #333333 !important;
}
.btn-default.active:hover {
	background-color: #e0e0e0;
	border-color: #dbdbdb;
	color: #333333 !important;
}
.page-link {
    color: #02376d;
}
.badge-default {
	background-color: #ebebeb;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #02376d;
	border-color: #02376d;
}
.btn-group-spaced .btn {
	margin-right: 15px;
}
.btn-group-spaced .btn:last-child {
	margin-right: 0;
}
.btn-group-flex {
	display: flex;
	justify-content: space-between;
}
.btn-group-flex > .btn {
	flex-grow: 1;
	flex-basis: 100%;
}
.btn-group-flex-bottom {
	flex-grow: 10;
}
.btn-group-flex-bottom > .btn {
	align-self: flex-end
}
@media (max-width: 767px) {
	.btn-group-flex {
		flex-wrap: wrap;
	}
	.btn-group-flex.btn-group-spaced > .btn {
		margin-right: 0;
		margin-bottom: 5px;
	}
}

/* -------------------------------------------- */
/* 			 	VD Elemente						*/
/* -------------------------------------------- */

.vd_person {
	clear: both;
	margin-bottom: 2rem;
}
.vd_person > img {
	display: block;
	float: left;
	width: 88px;
	height: 128px;
	margin: 0 1rem 1rem 0;
	border-radius: 4px;
}
.vd_person p {
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
}
.vd_person_name {
	font-family: 'Raleway', 'Open Sans', sans-serif;
	font-size: 1.25rem !important;
	line-height: 1.25em;
}
a.vd_person_name, a .vd_person_name {
	color: #02376d;
}
.vd_person_break {
	clear: both;
}
.vd_person_sm img {
	width: 70px;
	height: 102px;
}
.vd_person_sm .vd_person_desc, .vd_person_sm .vd_person_contact {
	font-size: 0.75rem;
}
.vd_youtubevideo {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.vd_youtubevideo > iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.vd_youtubevideo_text {
	margin-top: 10px;
	margin-bottom: 15px;
}
.vd_image_credit {
	font-size: 0.8em;
	color: #999999;
}
.vd_image_credit a {
	color: #999999;
}
.vd_image_credit_item:after {
	content: "/";
	margin: 0 5px;
}
.vd_image_credit_item:last-of-type:after {
	content: "";
	margin: 0;
}
.vd_productpreview_box .card-header p {
	display: flex;
	align-items: center;
	min-height: 3rem;
}
.vd_productpreview_box .card-header {
	background-color: #f0f0f0;
}
.vd_productpreview_fachbuch .vd_productpreview_image {
	float: left;
	width: calc(100% / 3);
	height: 0;
	margin: 0 10px 10px 0;
	padding-bottom: calc(141.8% / 3);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}
.vd_productpreview > h5:before {
	display: inline;
}
.vd_productpreview_seminar > h5:before {
	content: "Seminar: ";
}
.vd_productpreview_fachbuch > h5:before {
	content: "Fachbuch: ";
}
.vd_productpreview h5 a {
	color: #02376d;
}
.vd_productpreview .vd_productpreview_rating {
	font-size: 0.8em;
	color: #aaaaaa;
}
.vd_productpreview .vd_productpreview_info {
	margin-top: 10px;
	font-size: 0.8em;
}

/* -------------------------------------------- */
/* 			 	VD Access						*/
/* -------------------------------------------- */

.vd_access_icon:before {
	content: "\f023";
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-size: 22px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.vd_access_true.vd_access_icon:before {
	content: "\f3c1";
}

/*****  -----------------------------------------	*****/
/*****  ALLE Formulare								*****/
/*****  -----------------------------------------	*****/

.form-control {
	margin-bottom: 5px;
} 

/*****  -----------------------------------------			*****/
/*****  Online-Redaktion -  Textformatierungen - Fliesstext	*****/
/*****  -----------------------------------------			*****/

.text-opensans {
	font-family: 'Open Sans', sans-serif !important;
}
.text-raleway {
	font-family: 'Raleway', 'Open Sans', sans-serif !important;
}
.text-normal {
	font-weight:normal !important;
}
.text-fett {
	font-weight: bold;
}
.text-zentriert {
	text-align:center;
}
.text-unterstrichen {
	text-decoration: underline;
}
.text-kursiv {
	font-style: italic;
}
.text-hyphenate {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.text-hyphenate-mobile {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
@media (min-width: 768px) {
	.text-hyphenate-mobile {
		-moz-hyphens: none;
		-o-hyphens: none;
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}
}
.text-no-links-please a {
	pointer-events: none !important;
	cursor: text !important;
	text-decoration: none !important;
	color: #333333 !important;
}
.liste-checklist {
	list-style-type:none;
}
.liste-checklist li {
	position: relative;
}
.liste-checklist > li:before {
	content: '\f00c';
	position: absolute;
	left: -1.5em;
	margin-right: 0.5rem;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	color: #5cb85c;
}
.liste-chevron {
	padding-left: 47px;
	list-style-type:none;
	text-indent: -32px;
}
.liste-chevron > li:before {
	content: '\f054';
	position: relative;
	top: 2px;
	display: inline-block;
	width: 22px;
	margin-right: 10px;
	text-indent: 0;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.liste-chevron ul, .liste-checklist ul {
	text-indent: initial;
}
.liste-none {
	list-style-type: none !important;
}
.liste-disc {
	list-style-type: disc;
}
.text-gruen {
	color: green;
}
.text-hellgruen {
	color:#00cc00;
}
.text-orange {
	color:#ff9c00;
}
.text-rot {
	color: red;
}
.text-blau {
	color:#2D6CA2;
}

/* --- Video mit Disclaimer einbetten --- */
.videoembed-disclaimer-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.videoembed-disclaimer, .videoembed-disclaimer-container > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoembed-disclaimer {
	cursor: pointer;
	background-size: cover;
	background-repeat:no-repeat;
	opacity:1.0;
	transition:opacity 0.5s ease 0s;
}
.videoembed-disclaimer:hover {
	opacity:0.8;
	transition:opacity 0.5s ease 0s;
}
.videoembed-disclaimer p {
	background: rgba(33, 33, 33, 0.65) none repeat scroll 0% 0%;
	padding: 10px 5px;
	color:white;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}
.videoembed-disclaimer a {
	color: #ffffff;
	text-decoration: underline;
}
/* --- /Video mit Disclaimer einbetten --- */

/* BEGIN Tabellen im Fließtext-Text */

tr.bottomborder_standard td {
	border-bottom:1px solid #000;
}

tr.bottomborder_dotted td {
	border-bottom:1px dotted #000;
}

tr.bottomborder_double td {
	border-bottom:4px double #000;
}

/* END Tabellen im Fließtext-Text */

/* ####### SEARCH ####### */ 

.optgroup {
    background-color: #bbbbbb;
}
.bs-example2 {
	margin-top: 10px;
}
.bs-example2 ul.nav-tabs {
	background-color: #f1f1f1;
	font-size: 12px;
}
.bs-example3 ul.nav-tabs {
	background-color: #f3f3f3;
	font-size: 12px;
}
.search-item {
	background-color: #f1f1f1;
	padding: 10px 20px;
	margin-top: 10px;
}
.search-item h2,
.search-item h3 {
	margin: 10px;
}
.search-item img {
	float: left;
	margin: 10px;
}
.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.list-group-submenu {
  margin-left:20px;
}

/* ########## SUCHE ###########*/

.producttype_icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
/* lars: nicht benutzt */
.custom-tooltip {
	width: 400px;
}

/* === BEGIN SEARCH GROUPS === */

#search-groups li a:link,
#search-groups li a:visited,
#search-groups li a:hover,
#search-groups li a:focus,
#search-groups li a:active {
    display: block;
    cursor: pointer;
    text-decoration: none;
}
#search-groups div.search-hits {
    float: right;
    width: 15%;
    background-color:#dddddd;
    text-align: right;
    padding: 0 15px 0 0;
}
#search-groups li a span.caret {
    margin: 0 0 0 5px;
}
#search-groups li.level-0 > a {
	width: 100%;
	color: #333333;
}
#search-groups li.level-0 > a:hover {
    background-color: #bfdbef;
	color: #000000;
}
#search-groups li.level-1 > a,
#search-groups li.level-2 > a,
#search-groups li.level-3 > a,
#search-groups li.level-4 > a {
    color: #333333;
}
#search-groups li.level-1 > a:hover,
#search-groups li.level-2 > a:hover,
#search-groups li.level-3 > a:hover,
#search-groups li.level-4 > a:hover {
    background-color: #f5f5f5;
}
#search-groups li.level-0 > a.active,
#search-groups li.level-1 > a.active,
#search-groups li.level-2 > a.active,
#search-groups li.level-3 > a.active,
#search-groups li.level-4 > a.active {
	font-weight: bold;
}
#search-groups li.level-1 > a {
    width:95%;
    margin-left: 5%;
}
#search-groups li.level-2 > a {
    width:90%;
    margin-left: 10%;
}
#search-groups li.level-3 > a {
    width: 85%;
    margin-left: 15%;
}
#search-groups li.level-4 > a {
    width: 80%;
    margin-left: 20%;
}
.filter-closed {
	display: none;
}
#search-groups li:not(#search_level_root) > a.active, #search_level_root.search_level_root_active, #search_level_root.search_level_root_active > a {
	background-color: #02376d !important;
	color: #ffffff !important;
}
#search-groups li#search_level_root > a.active {
	font-weight: normal;
}
#search-groups li#search_level_root.search_level_root_active > a.active {
	font-weight: bold;
}

/* === END SEARCH GROUPS === */

/* === Newsletter Form === */

/* #newsletterbestellung label { */
form label {
        font-weight: normal;
        white-space: normal;
}
.form-inline {
	margin-bottom: 8px;
}
@media (min-width: 768px) {
	.form-space {
	    margin: 0 0 25px 0;
	}
	.form-inline .field-short {
	    width: 78px !important;
	}
	.form-inline .field-long {
	    width: 473px !important;
	}
	.form-inline .field-middel {
	    width: 369px !important;
	}
	.form-inline .field-extension {
	    width: 100px !important;
	}
}
.autoform_validation {
	display: none;
}
.modal {
	text-align: center;
}

/* NL: Diese Klasse zentriert die Modals vertikal, scheint sie aber in XS zu blocken, daher jetzt mit media query */
@media (min-width:768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
}
/* Modal-Breite in IE fixen */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.modal-dialog {
		width: 100%;
	}
}
.modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
}
.autoform_confirmpage {
        display: none;    
}
.fas.spinning {
        animation: spin 1s infinite linear;
        -webkit-animation: spin2 1s infinite linear;
        visibility: hidden;  // show on click
}
@keyframes spin {
        from { transform: scale(1) rotate(0deg);}
        to { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes spin2 {
        from { -webkit-transform: rotate(0deg);}
        to { -webkit-transform: rotate(360deg);}
}
button span.fas-refresh {
	visibility: hidden;    
}

/* Login / Register Dialog */

.failure {
	color: #a94442;
}

/* Exams Landingpages BEGIN */

.btn_startExam {
	width:360px;
	margin-top:10px;
}
p.gsConditions {
	display:block;
	color:gray;
	font-size:11px;
	line-height:13px;
	margin-top:7px;
}
img.advimg {
	float:left;
	margin:0 10px 10px 0;
}
/* Exams Landingpages END */
@media print {
	body {
		width:1024px;
		margin: 0 auto;
	}
	#header {
		background: none;
		box-shadow: none;
	}
	#header .header-search, #header .header-menu {
		display: none;
	}
	#breadnavi, #myScrollspy, .bottom-menu, .pagefooter, .nachoben, .hide_on_print, .videobox, .ampellegende, .seminartabelle-anfahrt, #button_sofort {
		display:none;
	}
	.seminar_inner_link { display:none; }
	a:link:after, a:visited:after { content: "" !important; }

	.bookImage {
		/*width: auto;*/
		max-width:50% !important;
	}
}