/* * * Teaser * * */
.right .metro ul {height: 266px;}
.content .columns .column .tx-ipbooking {}
.content .columns .column .tx-ipbooking .teaser a {text-decoration: none;color: #ffffff;font-size: 18px;font-family: sans-serif;transition-property: margin, padding, font-size, z-index, box-shadow;z-index: 1;display: inline-block;position: relative;}
.content .columns .column .tx-ipbooking .teaser a:hover {box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.75);margin: -5px;padding: 5px;z-index: 11;}
.content .columns .column .tx-ipbooking .teaser h2 {display:inline-block;color:#ffffff;letter-spacing:0;float:left;text-align:center;margin:0;padding:0;}
.content .columns .column .tx-ipbooking .teaser h2 a {font-size: 36px;font-family:"blenderpro-webfont";background-color:#111111;width:100%;height:100%;}
.content .columns .column .tx-ipbooking .teaser h2 a:hover {font-size: 38px;}
.content .columns .column .tx-ipbooking .teaser h2 a span {text-align:center;display:inline-block;width:100%;line-height:0;}
.content .columns .column .tx-ipbooking .teaser .teaser_list{display: inline-block;}
.content .columns .column .tx-ipbooking .teaser .teaser_list a {width: 100%;}
.content .columns .column .tx-ipbooking .teaser .teaser_list a:nth-child(1) {background-color: #555555;}
.content .columns .column .tx-ipbooking .teaser .teaser_list a:nth-child(2) {background-color: #444444;}
.content .columns .column .tx-ipbooking .teaser .teaser_list a:nth-child(3) {background-color: #222222;}
.content .columns .column .tx-ipbooking .teaser .bookLeft {padding-left:15px;padding-right:40px;transition-property: margin, padding;}
.content .columns .column .tx-ipbooking .teaser .bookLeft * {transition-property: font-size;color:#ffffff;padding:0;font-family:sans-serif;}
.content .columns .column .tx-ipbooking .teaser .bookLeft h3 {font-size: 22px;display: inline-block;}
.content .columns .column .tx-ipbooking .teaser .bookLeft p {font-size: 16px;}
.content .columns .column .tx-ipbooking .teaser a:hover .bookLeft {padding-left:10px;}
.content .columns .column .tx-ipbooking .teaser .bookRight {position:absolute;right:10px;display:inline-block;transition-property:top, right, font-size;}
.content .columns .column .tx-ipbooking .teaser a:hover .bookRight {right:11px;font-size:2.2em;}

.tx-ipbooking .teaser .single P,.tx-ipbooking .teaser .single H3,.tx-ipbooking .teaser .single a {color: #111111;}
@media only screen and (min-width:1700px){
.content .columns .column .tx-ipbooking .teaser > * {height:100%;}
.content .columns .column .tx-ipbooking .teaser h2 {width:30%;}
.content .columns .column .tx-ipbooking .teaser .teaser_list{width:70%;}
.content .columns .column .tx-ipbooking .teaser h2 a span {margin-top:133px;}

.content .columns .column .tx-ipbooking .teaser .bookLeft {margin-top:16px;}
.content .columns .column .tx-ipbooking .teaser .bookLeft h3 {margin:0 0 5px 0;}
.content .columns .column .tx-ipbooking .teaser .bookLeft p {margin:5px 0 0 0;}
.content .columns .column .tx-ipbooking .teaser a:hover .bookLeft {margin-top:14px;}

.content .columns .column .tx-ipbooking .teaser .bookRight {top: 35px;}
.content .columns .column .tx-ipbooking .teaser a:hover .bookRight {top:36px;}
}
@media only screen and (max-width:1699px){
.tx-ipbooking .teaser > * {width:100%;}
.tx-ipbooking .teaser h2 {height:25%;}
.tx-ipbooking .teaser .teaser_list{height:75%;}
.tx-ipbooking .teaser h2 a span {margin:33px 0;}

.tx-ipbooking .teaser .bookLeft {margin:9px 0;}
.tx-ipbooking .teaser .bookLeft h3 {margin:0 0 2px 0;}
.tx-ipbooking .teaser .bookLeft p {margin:2px 0 0 0;}

.tx-ipbooking .teaser .bookRight {top:15px;}
.tx-ipbooking .teaser a:hover .bookRight {top:20px;}
}
@media only screen and (max-width:479px){
.content .columns .column .tx-ipbooking .teaser .bookLeft h3 {font-size: 16px;}
}

@media only screen and (max-width:329px){
.content .columns .column .tx-ipbooking .teaser .bookLeft h3,
.content .columns .column .tx-ipbooking .teaser .bookLeft p {font-size: 15px;}
}


@media only screen and (min-width:1200px){
	.content .columns .column .tx-ipbooking .teaser {height:266px;}
	.content .columns .column .tx-ipbooking .teaser .teaser_list a {height: 33.33%}
	.content .columns .column .tx-ipbooking .teaser .teaser_list a:nth-child(1) {height: 33.34%}
	.tx-ipbooking .list .inner,
	.tx-ipbooking .single .inner,
	.tx-ipbooking .booking .inner {width: 80%;}
}

@media only screen and (max-width:1199px){
	.tx-ipbooking .teaser .teaser_list{height: inherit;}
	.content .tx-ipbooking h2,
	.content .tx-ipbooking h3,
	.content .tx-ipbooking p {padding: 0;}
	.content .tx-ipbooking p > br {display: block;}
}



#ajaxselectlist-form {position:relative;top: 200px;}
#ajaxCallResult {position:relative;top: 300px;}

/* * * Liste * * */
.tx-ipbooking .list .inner {margin: 80px auto;}
.tx-ipbooking .list .listLeft {display: inline-block;float: left;width: 27%;}
.tx-ipbooking .list .listRight {width: 73%;display: inline-block;float: left;padding-left: 20px;box-sizing: border-box;}
.tx-ipbooking .list h1 {margin: 0 0 75px 0;font-size: 36px;font-family:"blenderpro-webfont";} 
.tx-ipbooking .list h3 {margin: 0;font-size: 36px;font-family:"blenderpro-webfont";} 
.tx-ipbooking .list a {font-size: 18px;font-family: sans-serif;float: right;text-decoration: none;} 
.tx-ipbooking .list img {max-width: 100%;height: auto;}
.tx-ipbooking .divider {padding-left: 10px;padding-right: 10px;}
.tx-ipbooking .list .bookList {color: #e23b22;margin-left: 10px;}

@media only screen and (max-width:1199px){
.tx-ipbooking .list .listRight {padding-right: 20px;}
}

@media only screen and (min-width:700px){
.tx-ipbooking .list .listRight {border-left: 1px solid #e23b22;}
}

@media only screen and (max-width:699px){
.tx-ipbooking .list .listLeft {width: 100%;}
.tx-ipbooking .list .listRight {width: 100%;}
}

@media only screen and (min-width:500px){
.tx-ipbooking .list a {margin-left: 30px;}
}

@media only screen and (max-width:499px){
.tx-ipbooking .list a {width: 190px;text-align: right;}
}

/* * * Single & Booking * * */
.tx-ipbooking .single .inner,
.tx-ipbooking .booking .inner {margin: 30px auto 0;}
.tx-ipbooking .single .text_block,
.tx-ipbooking .booking .text_block {box-sizing: border-box;}

@media only screen and (min-width:900px){
.tx-ipbooking .single .text_block,
.tx-ipbooking .booking .text_block {padding: 0 10px 20px 280px;}
}
@media only screen and (max-width:1199px){
.tx-ipbooking .single .inner,
.tx-ipbooking .booking .inner {margin-top: 0px;}
}
@media only screen and (max-width:499px){
.tx-ipbooking .single .inner,
.tx-ipbooking .booking .inner {display: table;width: 100%;}
}
@media only screen and (max-width:899px){
.tx-ipbooking .single .text_block {padding: 0 10px 20px;}
}
@media only screen and (max-width:1199px) and (min-width:500px){
.tx-ipbooking .single .text_block {padding-top: 26px;}
}

/* * * Booking * * */
.tx-ipbooking .booking {font-family: sans-serif;}
@media only screen and (min-width:900px){
	.tx-ipbooking .booking .navigation {padding-top: 25px;}
}


.tx-ipbooking .booking .navigation .tasks a {display: block;background-color: #c0c0c0;cursor: pointer;}
.tx-ipbooking .booking .navigation .tasks.curr a {color: #c0c0c0; background-color: #333333;cursor: default;z-index: 4;}
.tx-ipbooking .booking .navigation .tasks.lock a {color: #bbbbbb; background-color: #ffffff;cursor: no-drop;}
@media only screen and (min-width:900px){
	.tx-ipbooking .booking .navigation {display: flex;}
	.tx-ipbooking .booking .navigation .tasks {flex-grow: 1;position: relative;}

	.tx-ipbooking .booking .navigation .tasks a {
		height: 80px;
		width: 80px;
		padding:10px;
		margin:0 auto;
		border: 1px solid #333333;
		border-radius: 50px;
		font-size: 12px;
		text-align: center;
		vertical-align: bottom;
	}
	.tx-ipbooking .booking .navigation .tasks.prev:nth-child(1) {z-index: 1}
	.tx-ipbooking .booking .navigation .tasks.prev:nth-child(2) {z-index: 2}
	.tx-ipbooking .booking .navigation .tasks.prev:nth-child(3) {z-index: 3}
	.tx-ipbooking .booking .navigation .tasks.next:nth-child(2) {z-index: 3}
	.tx-ipbooking .booking .navigation .tasks.next:nth-child(3) {z-index: 2}
	.tx-ipbooking .booking .navigation .tasks.next:nth-child(4) {z-index: 1}
	.tx-ipbooking .booking .navigation .tasks a .number {display: block;font-size: 60px;line-height: 50px;}

	.tx-ipbooking .booking .navigation .tasks::after {
		position: absolute;
		bottom: 31px;
		right: -20px;
		display: block;
		width: 40px;
		height: 40px;
		content: "\f105";
		color: #ffffff;
		background-color: #e23b22;
		font: normal normal normal 30px/36px FontAwesome;
		text-align: center;
		border-radius: 20px;
	}
	.tx-ipbooking .booking .navigation .tasks.unfinished::after {background-color: #999999;}
	.tx-ipbooking .booking .navigation .tasks:last-child::after {content: none;}
}
@media only screen and (max-width:899px){
	.tx-ipbooking .booking .navigation .tasks a {
		padding: 10px;
		width: 100%;
		font-size: 18px;
		text-align: center;
		vertical-align: bottom;
		border-bottom: 1px solid #333333;
	}
	.tx-ipbooking .booking .navigation .tasks a .number {display: none;}
}



.tx-ipbooking .booking .registration {position: relative;padding: 50px 0;margin-left: 100px;}
@media only screen and (max-width:1199px){
	.tx-ipbooking .booking .registration {margin-left: 0;margin-bottom: 30px;}
}
.tx-ipbooking .booking .registration h2 {padding: 0 0 36px 10px;}

.tx-ipbooking .booking .registration .page {display: none;}
.tx-ipbooking .booking .registration .page.curr {display: block;}

.tx-ipbooking .booking .registration .page .place_ani {position: relative;}
.tx-ipbooking .booking .registration .page .place_ani label {position: absolute;color: #c0c0c0;left: 15px;bottom: 24px;pointer-events: none;-moz-transition: .2s ease all;-webkit-transition: .2s ease all;transition: .5s ease all;}
.tx-ipbooking .booking .registration .page .place_ani input:focus ~ label,
.tx-ipbooking .booking .registration .page .place_ani input:valid ~ label {font-size: 8px;color: #000000;left: unset;right: 10px;bottom: 5px;}

.tx-ipbooking .booking .registration .page1 > div {box-sizing: border-box;float:left;}
@media only screen and (min-width:1500px){
	.tx-ipbooking .booking .registration .page1 > div {width: 50%;}
	.tx-ipbooking .booking .registration .page1 > div.company  {padding-right: 50px;}
	.tx-ipbooking .booking .registration .page1 > div.contact_person {padding-left: 50px;}
}
@media only screen and (max-width:1499px){
	.tx-ipbooking .booking .registration .page1 > div {width: 100%;padding-bottom: 50px;}
}

.tx-ipbooking .booking .registration input,
.tx-ipbooking .booking .registration select {
	padding: 5px;
	box-sizing: border-box;
	position: relative;
	top: -7px;
	border: none;
	border-bottom:1px solid #333333;
	color: #1f1f2e;
	font-family: "blenderpro-webfont";
	font-size: 18px;
	box-shadow: none !important
}
.tx-ipbooking .booking .registration input {width: 100%;margin: 5px 0 10px;}
.tx-ipbooking .booking .registration select {width: 40%;margin: 5px 80% 10px 10px;}

.tx-ipbooking .booking .registration .page div div {float: left;width: 100%;box-sizing: border-box;padding: 0 10px;}
.tx-ipbooking .booking .registration .page div div.first_name,
.tx-ipbooking .booking .registration .page div div.last_name {width: 50%;}
.tx-ipbooking .booking .registration .page div div.street,
.tx-ipbooking .booking .registration .page div div.city {width: 80%;}
.tx-ipbooking .booking .registration .page div div.number,
.tx-ipbooking .booking .registration .page div div.zip {width: 20%;}



.tx-ipbooking .booking input[type="text"] {height: 33px;}
.tx-ipbooking .booking input.missing[type="text"] {border-bottom:1px solid #e23b22;}
.tx-ipbooking .booking select {-moz-appearance: none;}

.tx-ipbooking .booking .registration .page2 {position: relative;}



.tx-ipbooking .booking .registration .page2 .button {position: absolute;top: 2px;visibility: hidden;}
.tx-ipbooking .booking .registration .page2 .button:before {
	visibility: visible;
	display: block;
	width: 40px;
	height: 40px;
	font: normal normal normal 30px/40px FontAwesome;
	text-align: center;
    border-radius: 20px;
	cursor: pointer;
}
.tx-ipbooking .booking .registration .page2 .button:before {transition: color 1s, background-color 1s;color: rgba(0,0,0,1.0);background-color: rgba(226,59,34,0.0);}
.tx-ipbooking .booking .registration .page2 .button:hover:before {color: rgba(255,255,255,1.0);background-color: rgba(226,59,34,1.0);}
.tx-ipbooking .booking .registration .page2 .button.addPart {left: 330px;}
.tx-ipbooking .booking .registration .page2 .button.addPart:before {content: "\f067";}
.tx-ipbooking .booking .registration .page2 .button.remPart {left: 390px;}
.tx-ipbooking .booking .registration .page2 .button.remPart:before {content: "\f068";}

.tx-ipbooking .booking .registration .page2 #participators {display: flex;flex-wrap: wrap;}
.tx-ipbooking .booking .registration .page2 #participators .student {position: relative;width: 325px;margin: 0 20px 20px 0;}
.tx-ipbooking .booking .registration .page2 #participators .student p {paddinf-left: 10px;}
.tx-ipbooking .booking .registration .page2 #participators .student a {position: absolute;top: 0;right: 15px;visibility: hidden;}
.tx-ipbooking .booking .registration .page2 #participators .student a:before {
	visibility: visible;
	display: block;
	width: 30px;
	height: 30px;
	content: "\f00d";
	font: normal normal normal 21px/30px FontAwesome;
	text-align: center;
    border-radius: 15px;
	cursor: pointer;
}
.tx-ipbooking .booking .registration .page2 #participators .student a:before {transition: color 1s, background-color 1s;color: rgba(0,0,0,1.0);background-color: rgba(226,59,34,0.0);}
.tx-ipbooking .booking .registration .page2 #participators .student a:hover:before {color: rgba(255,255,255,1.0);background-color: rgba(226,59,34,1.0);}



.tx-ipbooking .booking .registration .button {color: #e23b22;cursor: pointer;}
.tx-ipbooking .booking .registration > .button {position: absolute;bottom: 0;}
.tx-ipbooking .booking .registration .button.prev {left: 0;}
.tx-ipbooking .booking .registration .button.next {right: 0;}
.tx-ipbooking .booking .registration .button.prev::before,
.tx-ipbooking .booking .registration .button.next::after {font-family: FontAwesome;font-weight: bold;font-size: 130%;}
.tx-ipbooking .booking .registration .button.prev::before {content: "\f104";margin-right: 10px;}
.tx-ipbooking .booking .registration .button.next::after {content: "\f105";margin-left: 10px;}

.tx-ipbooking .booking .registration .rem_hidden .student a,
.tx-ipbooking .booking .registration .rem_hidden .button.remPart,
.tx-ipbooking .booking .registration .add_hidden .button.addPart,
.tx-ipbooking .booking .registration .button.hidden {display: none;}

.tx-ipbooking .booking input[type="button"] {position:relative;top: -7px;margin-left: 20px;margin-bottom: 10px;border: 1px solid #ffffff;background-color: #e23b22;color: #ffffff;font-family: "blenderpro-webfont";font-size: 18px;padding:5px;}

/* * * Box * * */
.tx-ipbooking .ip_booking .box {background-color: #c0c0c0;padding: 25px;border-radius: 10px;position: relative;}
.tx-ipbooking .ip_booking .box h3 {margin: 0 0 40px 0;}
.tx-ipbooking .ip_booking .box img {position: absolute;top: 30px;right: 30px;}
.tx-ipbooking .ip_booking .box p {clear:both;}
.tx-ipbooking .ip_booking .box p.text {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e23b22;line-height:2em;}
.tx-ipbooking .ip_booking .box .left {float:left;clear:both;}
.tx-ipbooking .ip_booking .box .left.persons br {display:none;}
.tx-ipbooking .ip_booking .box .right {float:right;clear:right;}
.tx-ipbooking .ip_booking .box .right.address {margin-bottom: 12px;line-height: 1em;}
.tx-ipbooking .ip_booking .box .cost {float:right;font-weight:bold;color:#ffffff;text-shadow:1px 1px 3px #000000;font-size:24px;}
.tx-ipbooking .ip_booking .box .add {float:right;clear:both;font-size:12px;margin-bottom:10px;}
.tx-ipbooking .ip_booking .box .bookMe {background-color: #e23b22;border-radius: 5px;color: white;cursor: pointer;font-size: 20px;font-weight: bold;clear:right;padding: 10px;text-align: center;text-shadow: 1px 1px 2px #000;white-space: nowrap;display: block;}
@media only screen and (min-width:500px){
.tx-ipbooking .ip_booking .box, .tx-ipbooking .ip_booking .download_block{margin: 0 30px 30px 0;width: 250px;float: left;clear: left;box-sizing: border-box;}
}
@media only screen and (max-width:1199px){
.tx-ipbooking .ip_booking .box {border-radius: 0;border-bottom-right-radius: 10px;}
.tx-ipbooking .ip_booking .download_block {margin-left: 25px;}
}
@media only screen and (max-width:899px){
.tx-ipbooking .ip_booking.booking .box {margin: 0;border-bottom: 1px solid #333333;}
}
@media only screen and (max-width:499px){
.tx-ipbooking .ip_booking .box {border-bottom-right-radius: 0;}
.tx-ipbooking .ip_booking.single .box {margin: 0 0 15px;}
.tx-ipbooking .ip_booking .download_block {display: table-footer-group;}
.tx-ipbooking .ip_booking .download_block p {margin: 0 10px 20px;}
}
@media only screen and (max-width:899px) and (min-width:500px){
.tx-ipbooking .ip_booking.booking .box {width: 100%;float: none;border-radius: 0;}
.tx-ipbooking .ip_booking.booking .box h3 {margin-bottom: 15px;}
.tx-ipbooking .ip_booking.booking .box .text span {float: left;clear: none;margin: 0 10px 0 0;}
.tx-ipbooking .ip_booking.booking .box .text span.left.nextline {margin-left: 0;padding-left: 0;border-left: none;clear: left;}
.tx-ipbooking .ip_booking.booking .box .text span.left {padding-left: 10px;border-left: 1px solid #000000;}
.tx-ipbooking .ip_booking.booking .box .text span.right {line-height: 2em;}
}

/* * * Mobile * * */
.content.mobile .tx-ipbooking .ip_booking.booking .registration .button {background-color: #c0c0c0;padding: 10px 25px;border-radius: 10px;margin: 0 10px;}
.content.mobile .tx-ipbooking .ip_booking.booking .registration .button.prev::before,
.content.mobile .tx-ipbooking .ip_booking.booking .registration .button.next::after {content: unset;}
@media only screen and (max-width: 1199px) and (min-width: 700px){
	.content.mobile .tx-ipbooking h3 {font-size: 36px;}
	.content.mobile .tx-ipbooking ul li {font-size: 150%;}
	.content.mobile .tx-ipbooking .single .text_block {padding-top: 24px;}
	.content .tx-ipbooking ul li:before {top: 6px;}
	.content.mobile .tx-ipbooking .ip_booking.single .box {padding :25px 15px;width: 260px;}
	.content.mobile .tx-ipbooking .ip_booking.single .box .persons {line-height: 1.5em;}
	.content.mobile .tx-ipbooking .ip_booking.single .box .right.persons {margin: 44px 0 8px;}
	.content.mobile .tx-ipbooking .ip_booking.single .box .left.persons {margin: 8px 0;}
	.content.mobile .tx-ipbooking .ip_booking.single .box .left.persons br {display:block;}
	.content.mobile .tx-ipbooking .ip_booking.single .download_block {margin-left: 15px;}
	
	.content.mobile .tx-ipbooking .ip_booking.booking .registration input,
	.content.mobile .tx-ipbooking .ip_booking.booking .registration select {font-size: 150%;}
	.content.mobile .tx-ipbooking .ip_booking.booking .registration .page .place_ani label {font-size: 150%;}
	.content.mobile .tx-ipbooking .ip_booking.booking .registration .page .place_ani input:focus ~ label,
	.content.mobile .tx-ipbooking .ip_booking.booking .registration .page .place_ani input:valid ~ label {font-size: 12px;bottom: 0;}
	.content.mobile .tx-ipbooking .ip_booking.booking .registration .button {font-size: 150%;}
}
@media only screen and (max-width: 899px) and (min-width: 700px){
	.content.mobile .tx-ipbooking .ip_booking.booking .navigation .tasks a {font-size: 150%;}
}