/*
 * ============================================================
 * compiled-styles.css
 * Extracted from PHP template files in database/
 * Generated: 2026-05-13
 * Source files: cookie.php, anmeldeformular.php, feedback.php,
 *   gallery.php, ht_videos.php, infobrief.php, kurs.php,
 *   landingpage.php, newsletter.php, partner.php, search.php,
 *   seminare.php, sidepanel.php, standort.php, standorte.php,
 *   suche_anzeigen.php, suche_dozenten.php, suche_kurse.php,
 *   suche_mkt.php, willkommen.php, wp_kurse.php
 * ============================================================
 */


/* === cookie.php === */

html, body {
	border:0 !important;
}
#cookie_box_wrapper {
	display:none;
	position:fixed;
	z-index: 99999 !important;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:100%;
	background-color: rgba(0,0,0,0.51);
	text-align:center;
	padding:8%;
	padding-top: 14%;
}

@media only screen and (max-width: 850px) {

	#cookie_box_wrapper {
	padding-top: 18% !important;
	}

	#cookie_box {
	padding:25px !important;
	}
}


#cookie_box {
	margin-top: -8%;
	margin-left:0%;
	color: #222222 !important;
	font-size: 15px !important;
	line-height: 18px !important;
	width:100%;
	height:auto;
	max-width: 490px;
	background-color: rgba(255,255,255,0.98);
	border-radius: 30px;
	box-shadow: rgba(0,0,0,0.2) 20px 20px 20px;
	padding:29px;
	text-align: left;
}

#cookie_box button {
	background: #292929;
	color: #f29502;
	border:0;
	width: 265px;
	padding: 13px;
	padding-top:14px;
	border-radius: 7px;
	text-align: center;
	margin-left: -3px;
	margin-top:9px;
	cursor: pointer;
	font-size:15px !important;
	letter-spacing:0.8px;
	transition: all 0.3s ease-in 0s;
}

#cookie_box button:focus {
	outline:0 !important
}

#cookie_box button:hover {
	background: #292929;
	color:#fff !important;
	transition: all 0.1s ease-in 0s;
}

#cookie_box button:active {
	background: #f29502;
	color: #222222;
	font-weight:600;
	transition: all 0.1s ease-in 0s;
}

#cookie_box h1 {
	font-weight: 600;
	margin-left:-2px;
	font-size: 20px !important;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	margin-top:0px
}

#cookie_box b {
	font-size:16px !important;
	letter-spacing: 1px;
	line-height:20px !important;
	margin-top: -14px !important;
}

#cookie_box a {
	font-size:16px !important;
	color: #f29502 !important;
	font-weight: 400 !important;
	text-decoration: underline !important
}

#cookie_box table {
	width: 98%;
	border:0;
	margin-top:20px;
	margin-bottom:20px;
	margin-left: -6px !important;
}

.cookie_text {
	text-align: left;
	color: #222222 !important;
	font-size: 15px !important;
	line-height: 18px !important;
	vertical-align: top;
	width: 100%;
	background: #e0e0e0;
	border-radius: 9px;
	padding: 7px !important;
}

.cookie_switch {
	width: auto;
	padding-left:20px;
	padding-top: 9px;
	vertical-align: top;
	text-align: right;
}

.onoffswitch {
    position: relative;
    width: 46px !important;
    right: 0;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 20px; padding: 0; line-height: 20px;
    border: 3px solid #b0b0b0; border-radius: 17px;
    background-color: #e0e0e0;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 20px !important; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 28px;
    border: 3px solid #bfbfbf; border-radius: 17px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #f7a420;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #f19401;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}

.close_button {
	width: 24px;
	height: 24px;
	background: #f7a420;
	border-radius: 190px;
	border: 3px solid transparent;
	margin-top:-13px;
	margin-right:-13px;
	cursor: pointer;
	opacity: 0.9
}

.close_button:hover {
	opacity: 1;
	border: 3px solid #F9616F;
}

html, body {margin:0;}

/* conditional: only when $_COOKIE['social'] != "on" */
#fb-root {
	display: none !important
}

iframe {
	display: none !important
}
/* end conditional */


/* === anmeldeformular.php === */

/* --- Block 1 (line 19) --- */
.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reveal-if-active label {
  display: block;
  margin: 0 0 3px 0;
}
.reveal-if-active input[type=text] {
  width: 100%;
}
input[type="radio"]{
	margin-top: 10px
}

input[type="radio"]:checked ~ .reveal-if-active, input[type="checkbox"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 400px;
  padding-top:10px;
  -webkit-transform: scale(1);
          transform: scale(1);
  overflow: visible;
}

form {
  /*max-width: 800px;*/
  margin: 0 auto;
}

.powermail_input {
	margin-bottom: 8px
}

 ::placeholder {
        /* Most modern browsers support this now. */
        color: rgba(0, 0, 0, 0.25) !important
    }

/* section {
	position: fixed;
	width:100%;
	left:0;
	bottom:0
} */

/* --- Block 2 (line 140) --- */
.rechnungsadresse {
	width: 100%;
	text-transform: uppercase;
	font-size:11px !important;
	color: #fff !important;
	background: transparent !important;
	line-height: 50px;
	margin-bottom: 1px
		}

.rechnungsadresse td input[type='text'],
.rechnungsadresse td input[type='date'] {
	border:0 !important;
	color:#24249c !important;
	font-size:16px !important;
	font-weight:600;
	font-size:14px !important;
	background:rgba(255,255,255,0.49) !important;
	padding: 13px;
	padding-left:17px;
	-webkit-transition: all 0.45s ease-in-out 0s !important;
    transition: all 0.45s ease-in-out 0 !important;
    width: 100%;
	}

.rechnungsadresse td input[type='text']:focus {
	background:rgba(255,255,255,0.79) !important;
	}

.rechnungsadresse td input[type='text']:active {
	background:rgba(255,255,255,0.99) !important;
	}

/* --- Block 3 (line 358) --- */
.pulse {
  animation-name: pulsing;
  animation-duration: 0.5s;
  animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
}

@keyframes pulsing {
  from {opacity:0.77;transform:scale(1)}
  to {opacity:1;transform:scale(1.1)}
}


/* === feedback.php === */

/* --- Block 1 (line 3) — identical to anmeldeformular.php block 1, kept for reference --- */
/* .reveal-if-active { ... } — see anmeldeformular.php block 1 above (identical) */

/* --- Block 2 (lines 115–148) — inside HTML comment <!-- ... --> so never rendered ---
   Content (not active CSS):
   .rechnungsadresse { ... }
   .rechnungsadresse td input[type='text'] { ... }
   .rechnungsadresse td input[type='text']:focus { ... }
   .rechnungsadresse td input[type='text']:active { ... }
   (nearly identical to anmeldeformular.php block 2, but without input[type='date'] selector)
*/


/* === gallery.php === */

#page { opacity:1}
#drawers li span {display:none;}
#drawers {z-index:99999 !important}


/* === ht_videos.php === */

#videobox {
	width:420px;
	height:236px;
	float:right;
	margin-right:-10px;
	margin-left:30px;
	margin-bottom:50px;
	box-shadow:rgba(0,0,0,0.15) 10px 20px 20px
	}

	@media (max-width: 767px) {
	#videobox {
		padding:0;
		margin-bottom:40px;
		margin-left:20px;
		margin-right:0px;
		width:100%;
		height:283px
		}
	}


/* === infobrief.php === */

.scrollbox a {
	color:#350099;
	text-decoration:underline
}

.scrollbox a:hover {
	color:#ef627a;
	text-decoration:underline
}

 .outer-content {
	background:none !important
}


/* === kurs.php === */

/* --- Block 1 (line 70) — conditional: only when $_REQUEST['kursid'] is set --- */
@media (max-width: 570px) {

	#titlebox {
		height:185px !important
	}

	#titlebox h1 {
		font-size: 22px !important;
		line-height:24px !important
	}
}

/* --- Block 2 (line 117) — conditional: only when !isset($_GET['feedback']) --- */
.morph {
	position:relative;
	font-size:13px;
	border:rgba(255,255,255,0.6) 1px solid;
	transition: all 0.5s;
	animation-name: morphing;
	animation-duration: 0.7s;
	animation-direction: alternate-reverse;
	animation-iteration-count: infinite;
}
.morph:hover {
	font-size:13.7px;
	transition: all 0.3s;
}
@keyframes morphing {
  from {color:rgba(255,255,255,0.78); box-shadow: 0 0 40px 5px rgba(255,255,255,0.348); transform:scale(1)}
  to {color:#fff;box-shadow: 0 0 30px 5px rgba(255,255,255,0.5);transform:scale(1.04)}
}

/* --- Block 3 (line 454) — conditional: only in the else-branch (no kursid/fbereich param, dozenten view) --- */
td {
	line-height:14px !important;
	max-height:40px !important;
	overflow-y:hidden !important
}

	td a {
	margin-left:5px;
	color:#f66878 !important;
	text-decoration:underline
}

td a:hover {
	color:#f66878 !important;
	text-decoration:underline !important
}
.outer-content {
		height:100%;
		min-height:100% !important;
}


/* === landingpage.php === */

/* --- Block 1 (line 6) --- */
.xmas3 {
	background-image: url('/img/s1.png'), url('/img/s2.png'), url('/img/s3.png') !important;
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;
	width: 100%;
	height: 100%;
}

.xmas3 a {
	color: #fff !important
}

.xmas3 a:hover {
	color: #e75b7b !important
}


@keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px;
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px;
	}
}

@-moz-keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px;
	}

	100% {
		background-position: 400px 1000px, 200px 400px, 100px 300px;
	}
}

@-webkit-keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px;
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px;
	}
}

@-ms-keyframes snow {
	0% {
		background-position: 0px 0px, 0px 0px, 0px 0px;
	}

	50% {
		background-position: 500px 500px, 100px 200px, -100px 150px;
	}

	100% {
		background-position: 500px 1000px, 200px 400px, -100px 300px;
	}
}

/* --- Block 2 (line 102) — echo'd from PHP --- */
#panel_kursinfo {
	display:none;
	transition: all 0.2s ease-in-out 0s
}

#infoboard_mobil {
	display:none;
	background:#fff;
	width:100%;
	transition: all 0.2s ease-in-out 0s
}

#infoboard {
	overflow:hidden;
	position:absolute;
	z-index:9 !important;
	right:-30px;
	border-left:7px solid #dc606a;
	background:rgba(255,255,255,0.06);
	padding-left:7px;
	top:17px !important;
	text-align:left;
	font-size:13px;
	line-height:17px;
	width:510px;
	max-height:300px;
	color:#24239b
}

#infoboard h1 {
	color: #dc606a;
	font-size:20px !important;
	text-shadow: rgba(0,0,0,0) 1px 1px 1px
}

#infoboard a {
	display: block;
	font-weight:400;
}

#infoboard a:hover {
	background:#dc606a;
	color:#fff !important;
}

@media only screen and (max-width: 780px) {
	#infoboard_mobil {
		display:block;
		text-align:left;
		background:#fff;
		width:100%;
		min-height:100px;
		padding:20px;
		padding-bottom:30px;
		transition: all 0.2s ease-in-out 0s
	}
	#infoboard_mobil h1 {
		color: #24239b;
		font-size:16px !important;
	}
	#infoboard_mobil a {
		font-size:13px;
		display:block;
		overflow:hidden;
		color:#24239b;
		font-weight:500;
		line-height:19px !impoprtant;
		padding:0 !important;
		margin:0 !important;
		max-height:19px !important
	}
	#infoboard_mobil a:hover {
		color:#dc606a;
		text-decoration:none;
	}
	#panel_kursinfo {
		display:block !important;
		transition: all 0.3s ease-in-out 0s
	}
	#infoboard  {
		display:none;
		width:100%;
		left:0;
		top:20px !important;
		text-align:center;
		border-left:0px solid #dc606a;
		background:rgba(255,255,255,0);
	 }
	 #infoboard h1 {
		 font-size:17px !important;
		 line-height: 23px !important;
		 color: #dc606a;
		 text-shadow: rgba(0,0,0,0.6) 1px 1px 1px
		 }
	 #infoboard a {
		font-size:12px;
		font-weight:500;
		line-height:13px !impoprtant;
		padding:0 !important;
		margin:0 !important;
		max-height:15px !important
	 }
	 #infoboard a:hover {
		 color: #dc606a;
		 background:none;
	  }
}

/* --- Block 3 (line 502) --- */
#tablecontainer {
	display: block !important
}

.grid-item .artikeltitel {
	color: #24239b;
	text-align: center !important;
	position: absolute;
	left: 13px;
	top: 160px;
	width: 93%;
	text-transform: none;
	letter-spacing: 0;
	font-size: 15.5px;
	line-height: 18.3px;
	font-weight: 800;
	overflow: hidden;
	-moz-text-overflow: unset !important;
	text-overflow: unset !important;
	text-overflow: inherit !important;
	white-space: inherit !important;
}

.grid-item .URL {
	display: none;
	text-align: center !important;
	width: 93% !important;
	font-size: 12.5px;
	line-height: 18px;
	font-weight: 800;
	bottom: 10px
}

.grid-item {
	max-height: 220px !important
}


/* === newsletter.php === */

html,body {
	overflow-y:hidden
}


/* === partner.php === */

@media only screen and (max-width: 600px) {
	#partner {margin-top:340px !Important}
}


/* === search.php === */

.kombisearch_fixed_mobile {
    position:fixed !important;
    top:62px !important;
    z-index:9 !important;
    box-shadow:rgba(0,0,0,0.15) 0px 10px 20px;
    }

	.kombisearch_fixed_desktop {
    position:fixed !important;
    top:0px !important;
    z-index:9 !important;
    box-shadow:rgba(0,0,0,0.15) 0px 10px 20px;
	}


/* === seminare.php === */

/* --- Block 1 (line 1) --- */
.slide_in {
	cursor:pointer;
	height:100px;
	overflow:hidden;
	margin-bottom:4px;
	border-bottom:0px solid #fff;
	-webkit-transition: all 0.55s ease-in-out 0.55s;
	transition: all 0.55s ease-in-out 0.55s
}

.slide_in:hover {
	background-position: bottom center;
	-webkit-transition: all 0.55s ease-in-out 0.55s;
	transition: all 0.55s ease-in-out 0.55s
}

.slide {
	width:100%;
	min-height:400px;
	letter-spacing:2px;
	background:rgba(10,52,61,0.3);
	color:rgba(255,255,255,0.9);
	font-size:23px;
	line-height:30px;
	font-weight: bold;
	text-align:center;
	padding-top:20px;
	text-align:center;
	-webkit-transition: all 0.45s ease-in-out 0s;
	transition: all 0.45s ease-in-out 0s;
	z-index:9999 !important
}
.slide p {
	font-size:9px;
	letter-spacing:3px;
	line-height:12px;
	margin-top:0px;
	z-index:9999 !important
	}

.slide:hover {
	background:rgba(10,52,61,0.69);
	color:rgba(255,255,255,1);
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s
}

/* --- Block 2 (line 90) --- */
@media only screen and (min-width: 690px) {
	#seminartabs {
		min-height:100px;
		overflow-y:hidden
	}

	.slide {
		font-size:22px!important;
		line-height:45px
		}

}

@media only screen and (max-width: 690px) {
	#seminartabs {
		min-height:100px;
		overflow-y:hidden
	}
	.slide {
		font-size:13px!important;
		letter-spacing:0.1 !important;
		line-height:45px
		}
}


/* === sidepanel.php === */
/* iPhone/iPod rule is PHP-conditional in sidepanel.php — nothing to extract here */


/* === standort.php === */

/* --- Block 1 (line 1) --- */
@media only screen and (max-width: 690px) {

	#anfahrt {
		min-height: inherit !important;
		height:1100px !important;
		background:url(/img/intro.png) !important;
		background-size:cover !important;
		margin-bottom:0px !important
	}

	h1 {
		font-size:25px !important;
		line-height:30px !important
	}

	iframe {
		max-height:350px !important
	}
}

/* --- Block 2 (line 63) --- */
#map {
	position:absolute;
	z-index:2;
	background: url(/img/map.png) no-repeat !important;
	background-size:cover !important;
	transform:scale(0.75);
	margin-top: -105px;
	right:-15px;
	margin-bottom:-100px !important;
	transition: all 0.75s ease-in-out 0s
	}

	#map .label {
		margin-top: -180px
	}

	#map .label:hover {
		margin-top: -184px
	}

	/*#map:hover {
		transform:scale(0.85) !important;
		transition: all 0.25s ease-in-out 0.25s
		}*/


/* === standorte.php === */
/*
 * standorte.php is a legacy standalone HTML file (DOCTYPE, <html>, <head>, <body>).
 * Its only <style> block is an old-style HTML comment-wrapped block:
 */
#standort
{
	position:relative;
	top:10px;
	float:right;
	background-color:#FF9900;
	color:#000000;
	font-size:11px;
	width:80px;
	height:25px;
	padding-left:10px;
	text-decoration:none;
	margin-right:0px;
}


/* === suche_anzeigen.php === */

/* Note: suche_anzeigen.php shares the .search component styles with suche_dozenten.php,
   suche_kurse.php, suche_mkt.php and wp_kurse.php. The block below is the canonical version. */

#kombisearch li:first-child,
#kombisearch li:nth-child(3),
#kombisearch li:nth-child(4)  {
	/*opacity:0.2 !important;*/
}

.search {
	width:100%;
	background:#ddecee;
}

.search td {
	width:25%;
	padding-left:8px;
	padding-right:20px;
	margin-bottom:5px
}

.search td input[type='text'] {
	width:100%;
	min-width:80px !important;
	background:#fff;
	border:1px solid rgba(0,0,0,0.2);
	padding:4px;
	padding-left:6px;
	border-radius:3px !important;
	color:#f66878 !important;
	font-size:11px !important;
	text-transform:uppercase;
	letter-spacing:1px;
}

::placeholder {
	font-weight: 600 !important;
	color:#c0c0c0 !important
}

.search td input[type='button'] {
	width:86%;
	text-align:center;
	background:#f66878;
	border:2px #c84d64;
	padding:4px;
	border-radius:3px !important;
	color:#fff !important;
	font-size:12px !important;
	letter-spacing:1px;
	margin-left:-3px;
	text-transform:uppercase;
	font-weight:600;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s
	}
.search td input[type='button']:hover {
	background: #dd5060;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s
}

.close {
	display:block;
	opacity:0.8;
	margin-top:-24px;
    }

#kombisearch_result_info {
	background:transparent !important
}

#tablesorter td {
	line-height:15px !important;
}


/* === suche_dozenten.php === */
/* (shares .search, .close, #kombisearch_result_info, #tablesorter td — see suche_anzeigen.php above) */

/* Additional rules specific to suche_dozenten.php: */
.dozsearch {
	float:left;
	width:5%;
	height:100px;
	background-size:cover !important;
	background-position: center center !important;
	background-repeat:no-repeat !important;
	border: 0px solid #fff;
	cursor:pointer !important
    }

@media (min-width: 1725px) { .dozsearch { width:8.3333%; height:180px; } }
@media (max-width: 1725px) { .dozsearch { width:10%; height:130px; } }
@media (max-width: 1525px) { .dozsearch { width:10%; height:130px; } }
@media (max-width: 1225px) { .dozsearch { width:10%; height:100px; } }
@media (max-width: 850px)  { .dozsearch { width:10%; height:80px; } }
@media (max-width: 700px)  { .dozsearch { width:12.5%; height:80px; } }

.dozthumb { width:85px; }


/* === suche_kurse.php === */

/* --- Block 1 (line 47) --- */
/* (shares .search, ::placeholder, .close, #kombisearch_result_info, #tablesorter td — see above) */

/* suche_kurse.php-specific: #tablecontainer always visible by default */
#tablecontainer {display:block !important}

/* select element styling (suche_kurse.php and wp_kurse.php) */
select {
	width:100%;
	min-width:80px !important;
	background:#fff;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:0 !important;
	height:25px !important;
	padding:4px;
	padding-left:3px;
	font-weight: 600 !important;
	color:#c0c0c0 !important;
	font-size:11px !important;
	text-transform:uppercase;
	letter-spacing:1px;
}

/* suche_kurse.php, block 2 (line 307) — conditional: only when query returns 0 rows */
/* #tablecontainer{display:none !important} */


/* === suche_mkt.php === */
/* (shares .search, ::placeholder, .close, #kombisearch_result_info, .dozsearch responsive rules — see above) */
/* Note: .dozsearch in suche_mkt.php has a minor typo: missing semicolon after background-position line,
   but is otherwise identical to suche_dozenten.php version */


/* === willkommen.php === */

/* --- Block 1 (line 51) --- */
#map {
	position:absolute;
	z-index:2;
	background: url(/img/map.png) no-repeat !important;
	background-size:cover !important;
	background-color:rgba(255,255,255,0.31) !important;
	border-radius:260px;
	background-size:cover !important;
	transform:scale(0.75);
	margin-top: -130px;
	right:-65px !important;
	margin-bottom:-100px !important;
	transform:scale(0.72) !important;
	transition: all 0.55s ease-in-out 0s
	}

/*#map:hover {
	transform:scale(0.75) !important;
	 transition: all 0.3s ease-in-out 0.3s
	}*/


	#map .label {
		margin-top: -180px;
	}

	#map .label:hover {
		margin-top: -184px
	}

	/*#map:hover {
		transform:scale(0.85) !important;
		transition: all 0.25s ease-in-out 0.25s
		}*/

/* --- Block 2 (line 154) --- */
#Münster {
	color:#fff !important;
	background:#f46677 !important;
    font-size:20px !important;
    font-weight:800;
	padding: 6px !important
}
#Münster:hover{
	font-size:25px !important;
    padding:18px !important;
    font-weight:800;
}


/* === wp_kurse.php === */
/* (shares all .search, select, ::placeholder, .close, #kombisearch_result_info, #tablesorter td rules
   — identical to suche_kurse.php; no additional unique CSS rules) */