/*
 * BI Blau: 	#004f9f
 * 				#E4EDF4
 * FMP teal:	#009C81
 *				#E9F7F6
 */
/*** ***/
#main-wrapper>.csc-default {
    width: 100%;
    display: table;
}

#content_2col_left.seminar {
    width: 75%;
    display: table-cell;
    float: none;
    vertical-align: top;
    box-sizing: border-box;
}

#content_2col_middle.seminar {
    width: 5%;
    display: table-cell;
    float: none;
    box-sizing: border-box;
}

#content_2col_right.seminar {
    width: 20%;
    padding: 10px;
    display: table-cell;
    background: #E4EDF4;
    float: none;
    vertical-align: top;
    box-sizing: border-box;
}

.tx-drow-seminar2,
.tx_drowseminar2 {
    width: 100%;
    max-width: 1000px;
    font-size: 14px;
}

.tx_drowseminar2 .hidden {
    display: none !important;
}

#subNavigation ul {
    position: relative;
}

/*** odermain ***/
/* tx_drowseminar2 / main div */
.tx_drowseminar2 {
    display: table;
}

.tx_drowseminar2:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

/*
.tx_drowseminar2 > form,
.tx_drowseminar2 > div {
	width: 75%;
	padding-right: 5%;
	display: table-cell;
}
.tx_drowseminar2 > .list {
	width: 95%;
	padding-right: 5%;
	display: table-cell;
}
.tx_drowseminar2 .sideinfo {
	width: 20%;
	display: table-cell;
	background: #E4EDF4;
}
*/
/* basic definitions */
.tx_drowseminar2 h1,
.tx_drowseminar2 h2,
.tx_drowseminar2 h3,
.tx_drowseminar2 h4,
.tx_drowseminar2 h5,
.tx_drowseminar2 h5 {
    color: #004f9f;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    clear: both;
}

.tx_drowseminar2 h4 {
    color: #646567;
}

.tx_drowseminar2 h5 {
    color: #646567;
    font-weight: bold;
}

.tx_drowseminar2 h6 {
    color: #646567;
    font-weight: normal;
    text-decoration: underline;
}

.tx_drowseminar2 hr {
    border: 0px;
    border-bottom: 1px solid #e7e7e7;
}

.tx_drowseminar2 input,
.tx_drowseminar2 select,
.tx_drowseminar2 textarea {
    height: auto;
    padding: 6px;
    float: none;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tx_drowseminar2 textarea {
    width: 65%;
    margin: 5px 0px;
    height: 125px;
}

.tx_drowseminar2 select option[disabled] {
    display: none;
}

.tx_drowseminar2 p {
    margin-bottom: 10px;
}

.tx_drowseminar2 .business_address {
    font-size: smaller;
}

.tx_drowseminar2 .small {
    font-size: 12px !important;
}

/* newsletter overlay */
.newsletter-wrap {
    display: flex;
    width: 100%;
    height: 100%;
}

.newsletter-wrap iframe {
    display: block;
    background: #fff;
    margin: auto;
    width: 1000px;
    max-width: 95%;
    height: 500px;
    max-height: 90%;
}

@media screen and (max-width: 768px) {
    .newsletter-wrap iframe {
        position: fixed;
        top: 10px;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

/* buttons */
.tx_drowseminar2 .button {
    display: inline-block;
    border: 1px solid #E9E9E9;
    padding: 8px 20px;
    background: #004f9f;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    cursor: pointer;
}

.tx_drowseminar2 .newsletter .button {
    padding: 8px 10px;
}

.tx_drowseminar2 button.button {
    padding: inherit;
}

.tx_drowseminar2 .button.lightblue {
    border: 1px solid #E4EDF4;
    background: #E4EDF4;
    color: #004f9f;
}

.tx_drowseminar2 .button.white {
    border: 1px solid #E9E9E9;
    background: #e4e4e4;
    background: linear-gradient(#fff, #F0F0F0);
    color: #646567;
}

.tx_drowseminar2 .button.red {
    border: 1px solid #6A0000;
    background: #C60001;
    background: linear-gradient(#C60001, #6A0000);
    color: #fff;
}

.tx_drowseminar2 .button.disabled,
.tx_drowseminar2 .button:disabled {
    border: 1px solid #e4e4e4;
    background: #F0F0F0;
    color: #888888;
}

/* */
.tx_drowseminar2 .floatleft {
    float: left;
}

.tx_drowseminar2 .floatright {
    float: right;
}

.tx_drowseminar2 .middle {
    margin: 0px auto;
}

.tx_drowseminar2 .half {
    width: 50%;
    margin: 5px 0;
    float: left;
}

.tx_drowseminar2 i.blue {
    color: #004f9f;
}

.tx_drowseminar2 i.white {
    color: #fff;
}

.tx_drowseminar2 .error {
    margin-left: 35%;
    float: left;
    display: inline-block;
    color: red;
}

.tx_drowseminar2 .agreement .error {
    margin-left: 0;
    float: none;
}

/* .tab closing / opening */
.tx_drowseminar2 div.tab {
    /* display: none; */
    cursor: pointer;
}

.tx_drowseminar2.aussteller div.tab {
    display: none;
}

.tx_drowseminar2 .dates div.tab {
    display: block;
}

.tx_drowseminar2 div.tab .fa {
    /* display: none; */
}

.tx_drowseminar2.aussteller div.tab .fa {
    display: none;
}

.tx_drowseminar2 .closed>div {
    display: none;
}

.tx_drowseminar2 .closed>div.tab {
    display: block;
}

.tx_drowseminar2 .fa-minus-square {
    display: inline-block;
    cursor: pointer;
}

.tx_drowseminar2 .fa-plus-square {
    display: none;
    cursor: pointer;
}

.tx_drowseminar2 .closed .fa-minus-square {
    display: none;
}

.tx_drowseminar2 .closed .fa-plus-square {
    display: inline-block;
}

.tx_drowseminar2 .tab i {
    vertical-align: sub;
}

/*** tabs ***/
.tx_drowseminar2 .tabs {
    position: absolute;
    top: -5px;
}

.tx_drowseminar2 .tabs ul {}

.tx_drowseminar2 .tabs ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.tx_drowseminar2 .tabs ul li {
    padding: 5px 10px;
    margin-right: 5px;
    list-style: none;
    float: left;
    background: #fff;
    background: linear-gradient(#fff, #F0F0F0);
    border: 1px solid #e4e4e4;
    border-bottom: 0px;
}

.tx_drowseminar2 .tabs ul li.active {
    background: #e4e4e4;
    background: linear-gradient(#F0F0F0, #fff);
}

.tx_drowseminar2 .tabs ul li a {}

.tx_drowseminar2 .tabs {
    display: none;
}

/*** main ***/
/* list view */
.tx_drowseminar2 .list .seminar {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.tx_drowseminar2 .list .seminar:last-of-type {
    border-bottom: 0px;
}

.tx_drowseminar2 .list .seminar:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.tx_drowseminar2 .list .seminar div {
    color: #646567;
}

.tx_drowseminar2 .list .seminar>.tab {
    float: left;
    margin: 0px;
}

/* list */
.tx_drowseminar2 .title {
    margin-bottom: 5px;
}

.tx_drowseminar2 .list .title {
    font-size: 16px;
    font-weight: bold;
    color: #646567;
}

.tx_drowseminar2 .date {
    display: inline-block;
    font-size: 16px;
}

.tx_drowseminar2 .location {
    margin-bottom: 10px;
    font-size: 14px;
}

.tx_drowseminar2 .desc {
    clear: both;
    font-size: 14px;
}

/* paginator */
.tx_drowseminar2 .list .paginator span {
    margin: 5px;
    cursor: pointer;
}

.tx_drowseminar2 .list .paginator span:hover {
    color: #004f9f;
}

/* show */
.tx_drowseminar2 .orderheader div {
    position: relative;
}

.tx_drowseminar2 .orderheader .date,
.tx_drowseminar2 .orderheader .divider,
.tx_drowseminar2 .orderheader .location {
    float: left;
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
    margin-bottom: 20px;
}

.tx_drowseminar2 .orderheader .desc {
    margin-bottom: 10px;
}

.tx_drowseminar2 .orderheader .divider {
    margin-left: 2px;
    margin-right: 2px;
}

/* orderinfo */
.tx_drowseminar2 .orderinfo {
    margin-bottom: 20px;
}

.tx_drowseminar2 .orderinfo div.navigation {
    margin-bottom: 10px;
    color: #c3c3c3;
}

.tx_drowseminar2 .orderinfo div.navigation span {
    width: 33%;
    font-size: 18px;
    font-weight: bold;
}

.tx_drowseminar2 .orderinfo div.navigation .active {
    color: #004f9f;
}

.tx_drowseminar2 .orderinfo .header span {
    font-weight: bold;
}

.tx_drowseminar2 .orderinfo>div {
    position: relative;
    margin-bottom: 5px;
}

.tx_drowseminar2 .orderinfo span {
    display: inline-block;
}

.tx_drowseminar2 .orderinfo span.title {
    width: 50%;
}

.tx_drowseminar2 .orderinfo span.usercount {
    vertical-align: text-bottom;
    width: 10%;
    text-align: right;
}

.tx_drowseminar2 .orderinfo select.usercount {
    width: 100%;
    padding: 3px 6px;
}

.tx_drowseminar2 .orderinfo span.gesamtprice,
.tx_drowseminar2 .orderinfo span.price {
    width: 25%;
    text-align: right;
}

.tx_drowseminar2 .orderinfo span.gesamtprice:after,
.tx_drowseminar2 .orderinfo span.price:after {
    content: ' €';
}

.tx_drowseminar2 .orderinfo .seminarall span.price:after,
.tx_drowseminar2 .orderinfo .header span.price:after {
    display: none;
}

.tx_drowseminar2 .orderinfo button.remove {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.tx_drowseminar2 .orderinfo .seminarall .title {
    font-weight: bold;
}

/* tagungsunterlagen */
.tx_drowseminar2 .orderinfo.tagungsunterlagen span.gesamtprice,
.tx_drowseminar2 .orderinfo.tagungsunterlagen span.price {
    width: 15%;
    text-align: right;
}

.tx_drowseminar2 .orderinfo span.quantity {
    vertical-align: text-bottom;
    width: 10%;
}

.tx_drowseminar2 .orderinfo select.quantity {
    width: 100%;
    padding: 3px 6px;
}

/* cart */
.tx_drowseminar2 hr:last-of-type {
    display: none;
}

/* ordermain */
.tx_drowseminar2 .ordermain {
    margin-bottom: 20px;
}

.tx_drowseminar2 .ordermain>div.tab {
    margin-bottom: 10px;
}

.tx_drowseminar2 div.tab span,
.tx_drowseminar2 .ordermain>div.tab span {
    /* margin-left: 6px; */
    font-size: 18px;
    font-weight: bold;
}

.tx_drowseminar2 .ordermain>div:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.tx_drowseminar2 .ordermain input[type="radio"],
.tx_drowseminar2 .ordermain input[type="checkbox"] {
    width: 12px;
    margin: 8px 0px;
    margin-right: 10px;
}

.tx_drowseminar2 .ordermain label {
    width: 30%;
    display: block;
    float: left;
    clear: both;
    line-height: 30px;
    font-weight: normal;
    margin: 5px 0px;
    margin-right: 5%;
}

.tx_drowseminar2 .ordermain>label {
    width: 100%;
    float: none;
}

.tx_drowseminar2 .ordermain .agreement label {
    width: auto;
    min-height: 30px;
    float: none;
    clear: none;
    line-height: inherit;
    margin: 0;
}

.tx_drowseminar2 .ordermain .agreement label>span {
    display: block;
    padding-top: 5px;
    padding-left: 25px;
}

.tx_drowseminar2 .ordermain label.label,
.tx_drowseminar2 .ordermain input,
.tx_drowseminar2 .ordermain select {
    width: 65%;
    margin: 5px 0px;
    display: block;
    float: left;
    clear: none;
}

/* .tx_drowseminar2 .ordermain input[type="radio"],
.tx_drowseminar2 .ordermain input[type="checkbox"] {
    float: left;
} */
.tx_drowseminar2 .ordermain label.label {
    float: right;
}

.tx_drowseminar2 .ordermain select[multiple] {
    padding: 0px;
}

.tx_drowseminar2 .ordermain .info {
    margin-top: 10px;
    float: left;
}

.tx_drowseminar2 .ordermain .check {
    margin-bottom: 10px;
    font-size: 12px;
}

.tx_drowseminar2 .ordermain .note {
    font-size: 10px;
    margin-left: 35%;
}

/* comment */
.tx_drowseminar2 .ordermain .broughtalong,
.tx_drowseminar2 .ordermain .comment {
    margin-bottom: 10px;
    font-size: 12px;
}

.tx_drowseminar2 .ordermain .broughtalong textarea,
.tx_drowseminar2 .ordermain .comment textarea {
    width: 100%;
    height: 100px;
}

/* participant */
.tx_drowseminar2 .ordermain .participant {
    margin-bottom: 10px;
}

.tx_drowseminar2 .ordermain .participant:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/* details */
.tx_drowseminar2 .ordermain .details>div:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.tx_drowseminar2 .ordermain .details>div.days>div:first-of-type,
.tx_drowseminar2 .ordermain .details>div.options>div:first-of-type {
    padding-top: 10px;
}

.tx_drowseminar2 .ordermain .details>div.days>div,
.tx_drowseminar2 .ordermain .details>div.options>div {
    margin: 5px 0px;
    margin-left: 35%;
}

.tx_drowseminar2 .ordermain .details>div.days>div:after,
.tx_drowseminar2 .ordermain .details>div.options>div:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.tx_drowseminar2 .ordermain .details>div>label>span,
.tx_drowseminar2 .ordermain .details>div>div>span {
    width: 90%;
    padding-top: 5px;
    display: inline-block;
}

.tx_drowseminar2 .ordermain .details input,
.tx_drowseminar2 .ordermain .details select {}

/* events */
.tx_drowseminar2 .ordermain .events div {
    display: none;
}

.tx_drowseminar2 .ordermain .events .multiselect {
    width: 65%;
    margin: 5px 0px;
    display: block;
    float: left;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    overflow: hidden;
}

.tx_drowseminar2 .ordermain .events .multiselect label {
    width: 100%;
    margin: 0px;
    padding: 0px 1%;
}

.tx_drowseminar2 .ordermain .events .multiselect label.selected {
    background: #004f9f;
    color: #fff;
}

.tx_drowseminar2 .ordermain .events .multiselect label input {
    display: none;
}

.tx_drowseminar2 .ordermain .events .daynotice {
    padding: 5px;
    margin: 5px 0px;
    display: block;
}

/* price */
.tx_drowseminar2 .ordermain .price {
    background: #f6f6f6;
}

.tx_drowseminar2 .ordermain .price * {
    font-size: 18px;
    font-weight: bold;
}

.tx_drowseminar2 .ordermain .price label {
    margin-left: 1%;
}

.tx_drowseminar2 .ordermain .price>div {
    margin: 5px 0px;
    line-height: 30px;
    display: inline-block;
}

.tx_drowseminar2 .ordermain .details .price>div span {
    width: auto;
    margin: 0px;
}

/* lieferadresse */
.tx_drowseminar2 .ordermain .label {
    line-height: 17px;
    margin: 5px 0px;
    float: left;
}

.tx_drowseminar2 .firm.rechnung,
.tx_drowseminar2 .firm.liefer {
    display: none;
    margin-top: 45px;
}

/* orderfooter */
.tx_drowseminar2 .orderfooter {
    margin-top: 40px;
}

.tx_drowseminar2 .orderfooter .info {
    display: block;
    margin: 5px 0px;
}

/* agreement */
.tx_drowseminar2 .agreement,
.tx_drowseminar2 .overview,
.tx_drowseminar2 .payment {
    margin-bottom: 20px;
}

.tx_drowseminar2 .broughtalong>div,
.tx_drowseminar2 .comment>div {
    font-size: 14px;
}

/* overview */
.tx_drowseminar2 .overview>div {
    width: 48%;
    margin-right: 2%;
    float: left;
}

.tx_drowseminar2 .overview span {
    margin-bottom: 5px;
    display: block;
}

.tx_drowseminar2 .overview>div:first-of-type {
    margin: 0px;
}

.tx_drowseminar2 .overview>div.teilnehmer {
    width: 100%;
    margin: 0px;
    margin-top: 20px;
    clear: both;
}

.tx_drowseminar2 .overview .teilnehmer .seminar {
    margin: 5px 0px;
}

.tx_drowseminar2 .overview .teilnehmer .seminar:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.tx_drowseminar2 .overview .teilnehmer .user {
    width: 98%;
    /* margin: 0px 1%; */
    float: left;
}

.tx_drowseminar2 .overview .teilnehmer .user .halfleft {
    width: 29%;
    margin: 10px 0px;
    margin-right: 1%;
    float: left;
}

.tx_drowseminar2 .overview .teilnehmer .user .halfright {
    width: 69%;
    margin: 10px 0px;
    margin-left: 1%;
    float: left;
}

/* payment */
.tx_drowseminar2 .payment.hide {
    display: none;
}

.tx_drowseminar2 .payment label {
    width: 50%;
    float: left;
    clear: none;
    margin: 0;
}

.tx_drowseminar2 .payment span {
    width: auto;
}

.tx_drowseminar2 .payment input {
    padding-left: 5%;
}

.tx_drowseminar2 .payment .fa {
    margin-top: -3px;
    font-size: 2em;
    color: green;
    vertical-align: text-top;
}

/* detailtop */
.tx_drowseminar2 .detailtop {
    margin-bottom: 10px;
}

/* orderoverview */
.tx_drowseminar2 .orderoverview {
    padding: 10px;
    background: #E4EDF4;
}

.tx_drowseminar2 .orderoverview hr {
    display: inherit;
    border-color: black;
}

.tx_drowseminar2 .orderoverview .header div {
    font-weight: bold;
}

.tx_drowseminar2 .orderoverview .header div.eventprice {
    text-align: right;
}

.tx_drowseminar2 .orderoverview .header div,
.tx_drowseminar2 .orderoverview .orderitem div {
    height: 100%;
    float: left;
}

.tx_drowseminar2 .orderoverview .header:after,
.tx_drowseminar2 .orderoverview .orderitem:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.tx_drowseminar2 .orderoverview .header,
.tx_drowseminar2 .orderoverview .orderitem {
    margin-bottom: 10px;
}

.tx_drowseminar2 .orderoverview .header {
    font-weight: bold;
}

.tx_drowseminar2 .orderoverview .eventname {
    width: 80%;
}

.tx_drowseminar2 .orderoverview .eventprice {
    width: 15%;
    text-align: right;
}

.tx_drowseminar2 .orderoverview .header .eventprice {
    text-align: inherit;
}

/* unterlagen */
.tx_drowseminar2 .orderoverview.unterlagen {}

.tx_drowseminar2 .orderoverview.unterlagen .eventname {
    width: 50%;
}

.tx_drowseminar2 .orderoverview.unterlagen .eventprice,
.tx_drowseminar2 .orderoverview.unterlagen .eventsingleprice,
.tx_drowseminar2 .orderoverview.unterlagen .eventquant {
    width: 15%;
    text-align: right;
}

/* basketsummary */
.tx_drowseminar2 .orderoverview .basketsummary {
    width: 45%;
    margin-left: 50%;
}

.tx_drowseminar2 .orderoverview .basketsummary div {
    margin-bottom: 5px;
}

.tx_drowseminar2 .orderoverview .basketsummary .price {
    float: right;
}

.tx_drowseminar2 .orderoverview .basketsummary .gesamt {
    font-size: 20px;
    font-weight: bold;
}

.tx_drowseminar2 .orderoverview .basketsummary .info {
    font-size: 10px;
}

/* trustedshops */
.tx_drowseminar2 .trustedshops {
    padding-top: 10px;
}

/*** workshops ***/
.tx_drowseminar2 .workshop>div {
    padding: 5px 0px;
    border-top: 1px solid #E4EDF4;
}

.tx_drowseminar2 .workshop>div.desc {
    padding: 15px 0px;
}

/* .tx_drowseminar2 .workshop > div > div:nth-of-type(2){
	padding-left: 30px;
} */
.tx_drowseminar2 .workshop .statements>div>ul>li,
.tx_drowseminar2 .workshop .dates>div>ul>li,
.tx_drowseminar2 .workshop .speakers>div>ul>li {
    padding: 5px 0px;
    background: transparent;
}

.tx_drowseminar2.widget .links>ul li {
    padding-left: 0px;
    background: transparent;
}

/* cancelled */
.tx_drowseminar2 .workshop .cancelled {
    border-top: 0px;
}

.tx_drowseminar2 .workshop .cancelled>ul>li {
    display: none;
    padding: 10px;
    background: #e30613;
    color: #fff;
    text-align: center;
}

.tx_drowseminar2 .workshop .cancelled>ul>li.active {
    display: block;
}

/* dates */
.tx_drowseminar2 .workshop .dates {
    border-top: 0px;
}

.tx_drowseminar2 .workshop .dates div>ul li {
    cursor: pointer;
    border-top: 1px solid #e7e7e7;
}

.tx_drowseminar2 .workshop .dates div>ul li:first-of-type {
    border: 0px;
}

.tx_drowseminar2 .workshop .dates div>ul li.active {
    background: #E4EDF4;
}

.tx_drowseminar2 .workshop .dates div>ul li>span {
    width: 35%;
    display: inline-block;
    box-sizing: border-box;
}

.tx_drowseminar2 .workshop .dates div>ul li>span:nth-of-type(3) {
    width: 25%;
}

.tx_drowseminar2 .workshop .dates div>ul li>span span {
    white-space: pre;
}

.tx_drowseminar2 .workshop .dates div>ul li .cancelled {
    width: 100%;
    padding-bottom: 5px;
    text-align: center;
}

/* speakers + statements */
.tx_drowseminar2 .workshop .statements>div>ul>li span,
.tx_drowseminar2 .workshop .speakers>div>ul>li span {
    display: block;
}

.tx_drowseminar2 .workshop .speakers>div>ul>li {
    display: none;
}

.tx_drowseminar2 .workshop .speakers>div>ul>li.active {
    display: block;
}

.tx_drowseminar2 .workshop .statements .name,
.tx_drowseminar2 .workshop .speakers .name {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #004f9f;
}

.tx_drowseminar2 .workshop .statements .company,
.tx_drowseminar2 .workshop .speakers .company {
    font-size: 16px;
    margin-bottom: 15px;
}

.tx_drowseminar2 .workshop .statements .quote {
    float: left
}

.tx_drowseminar2 .workshop .statements .statement {
    padding-left: 40px;
}

/* location */
.tx_drowseminar2 .workshop .location div>ul li {
    display: none;
}

.tx_drowseminar2 .workshop .location div>ul li.active {
    display: block;
}

/* widget */
.tx_drowseminar2.widget .links>ul li {
    display: none;
}

.tx_drowseminar2.widget .links>ul li.active {
    display: block;
}

.tx_drowseminar2.widget .actions {
    padding-bottom: 5px;
}

.tx_drowseminar2.widget .actions .button {
    width: 100%;
    float: none;
    margin-bottom: 5px;
    box-sizing: border-box;
    text-align: center;
}

/* google maps */
.tx_drowseminar2 .workshop #googleMap {
    width: 100%;
    height: 450px;
}

/*** account mein konto ***/
/* tabs */
.myAccount .header {
    margin-bottom: 10px;
}

.myAccount .header>span {
    margin-bottom: 10px;
    display: block;
}

.myAccount .header ul {
    width: 100%;
    margin: 0px auto;
}

.myAccount .header ul li {
    padding: 5px 10px;
    margin-right: 5px;
    list-style: none;
    float: left;
    background: #fff;
    background: linear-gradient(#fff, #F0F0F0);
    border: 1px solid #e4e4e4;
    border-bottom: 0px;
    cursor: pointer;
}

.myAccount .header ul li.active {
    background: #e4e4e4;
    background: linear-gradient(#F0F0F0, #fff);
}

/* */
.myAccount .error {
    clear: both;
    display: block;
}

.myAccount>div {
    display: none;
}

.myAccount>div.personal,
.myAccount>div.header {
    display: block;
}

.myAccount>div input,
.myAccount>div select {
    width: 50%;
    float: left;
    margin: 5px 0px;
    box-sizing: border-box;
}

.myAccount>div>.button,
.myAccount>div input[type="submit"] {
    clear: both;
    float: left;
    width: auto;
    display: block;
}

.myAccount>div label {
    width: 30%;
    line-height: 30px;
    margin: 5px 0px;
    clear: both;
    float: left;
}

.myAccount .user:after,
.myAccount>div:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.myAccount>div.closed form {
    display: none;
}

.myAccount>div .tab {
    width: 80%;
}

.myAccount>div .tab i {
    margin-right: 1%;
}

/* bestellungen */
.myAccount .bestellung {
    margin: 10px 0px;
}

.myAccount .bestellung:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.myAccount .bestellung>div {
    padding: 10px;
}

.myAccount .bestellung hr {
    display: block;
}

.details .orderoverview {
    clear: both;
    background: #fff;
}

/* overlay */
#drowOverlay .tx_drowseminar2 {
    max-width: 1000px;
    padding: 30px;
    margin: 0 auto;
    margin-top: 10%;
    background: #fff;
}

#drowOverlay .details>div {
    padding: 10px;
    box-sizing: border-box;
}

#drowOverlay .details .user {
    margin: 5px 0px;
}

#drowOverlay .details .options {
    width: 100%;
}

/*** widgets / right side ***/
#content_2col_right .csc-default h2 {
    font-size: 18px;
    color: #004f9f;
}

#content_2col_right .tx_drowseminar2.widget {
    margin-top: 10px;
}

/* links  */
.tx_drowseminar2 .links {
    margin-bottom: 10px;
}

.tx_drowseminar2 .links a {
    display: block;
    padding-left: 10px;
    background: url('../../../../../../fileadmin/templates/images/square.png') no-repeat 0px 4px;
}

/* personInCharge */
.tx_drowseminar2 .person {
    margin: 10px 0px;
}

.tx_drowseminar2 .person>div {
    font-weight: 500;
}

.tx_drowseminar2 .person>div>span {
    font-weight: normal;
}

.tx_drowseminar2 .person .name {
    color: #004f9f;
}

.tx_drowseminar2 .person .tel span {
    white-space: pre;
}

/*** ajax ***/
.choice {
    width: 100%;
    max-width: 450px;
    display: block;
    position: fixed;
    top: 10%;
    left: 50%;
    background: #fff;
    z-index: 101;
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.choice div {
    padding: 10px;
}

.choice div:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.choice .noregister {
    background: #EDEEEE;
}

.choice .button {
    width: 200px;
    box-sizing: border-box;
    text-align: center;
}

.choice label {
    width: 30%;
    display: inline-block;
}

.choice .login input {
    width: 60%;
    margin: 5px 0px;
    margin-left: 10%;
}

/*** flashMessages ***/
#drowOverlay {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    transition: opacity 0.5s ease;
}

#drowOverlay.hidden {
    visibility: hidden;
    opacity: 0;
}

.tx_drowseminar2 .typo3-messages {
    max-height: 0px;
    position: relative;
    margin-bottom: 10px;
    z-index: 101;
    transition: all 1s ease;
    overflow: hidden;
}

.tx_drowseminar2 .typo3-messages.show {
    max-height: 100px;
}

/* new */
.tx_drowseminar2 .typo3-messages .media-left {
    display: none;
}

.tx_drowseminar2 .typo3-messages .media-body {
    padding: 10px;
    border: 1px solid #004f9f;
    background: #fff;
}

.tx_drowseminar2 .typo3-messages .media-body .alert-title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

.tx_drowseminar2 .typo3-messages .media-body .alert-message {
    margin: 0 auto;
    font-size: 14px;
}

/* old */
.tx_drowseminar2 .typo3-messages .message-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.tx_drowseminar2 .typo3-messages .typo3-message {
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #004f9f;
    font-size: 14px;
}

/*** print ***/
.tx_drowseminar2 .printheader {
    display: none;
    margin-bottom: 10px;
}

@media print {
    #content_2col_left.seminar {
        width: 100%;
    }

    #subNavigation,
    #content_2col_right.seminar {
        display: none;
    }

    .tx_drowseminar2 .printheader {
        display: block;
    }

    .tx_drowseminar2 .user,
    .tx_drowseminar2 .rechnungsadresse,
    .tx_drowseminar2 .lieferadresse,
    .tx_drowseminar2 .payment,
    .tx_drowseminar2 .orderoverview {
        page-break-inside: avoid;
    }
}

/* responsive */
/* extra */
@media screen and (max-width: 1024px) {}

@media screen and (max-width: 930px) {}

/* tablet */
@media screen and (max-width: 768px) {
    .tx_drowseminar2 .orderinfo span.usercount {
        width: 15%;
    }

    .tx_drowseminar2 .orderinfo div.navigation>span {
        width: 100%;
    }

    /* myAccount */
    .myAccount .header ul li {
        margin-top: 5px;
    }
}

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

    /* seminar */
    #content_2col_middle.seminar {
        display: none;
    }

    #content_2col_left.seminar,
    #content_2col_right.seminar {
        display: block;
        width: 100%;
    }

    /* myAccount */
    .tx-felogin-pi1 {
        width: 100%;
    }
}

/* phone big */
@media screen and (max-width: 480px) {

    /* detail */
    .tx_drowseminar2 .orderheader .date {
        width: 100%;
        margin-bottom: 5px;
    }

    .tx_drowseminar2 .orderheader .divider {
        display: none;
    }

    /*  */
    .tx_drowseminar2 .orderoverview .header,
    .tx_drowseminar2 .orderinfo .header {
        display: none;
    }

    .tx_drowseminar2 .orderoverview .orderitem,
    .tx_drowseminar2 .orderinfo .basketitem {
        padding: 5px;
        border: 1px solid #e4e4e4;
    }

    .tx_drowseminar2 .orderoverview .orderitem {
        padding: 5px;
        border: 1px solid rgba(0, 79, 159, 0.3);
    }

    .tx_drowseminar2 .orderoverview .orderitem>div,
    .tx_drowseminar2 .orderinfo .basketitem span.title,
    .tx_drowseminar2 .orderinfo .basketitem span.usercount,
    .tx_drowseminar2 .orderinfo .basketitem span.gesamtprice,
    .tx_drowseminar2 .orderinfo .basketitem span.price {
        width: 100%;
        text-align: left;
    }

    .tx_drowseminar2 .orderinfo .basketitem span.title {
        font-weight: bold;
        padding-right: 30px;
    }

    .tx_drowseminar2 .orderinfo .basketitem span.usercount:before {
        content: "Anzahl: ";
    }

    .tx_drowseminar2 .orderinfo .basketitem span.price:before {
        content: "Preis (inkl. MwSt.): ";
    }

    .tx_drowseminar2 .orderoverview .eventname {
        font-weight: bold;
    }

    .tx_drowseminar2 .orderoverview .orderitem div.eventprice:before {
        content: "Preis: ";
    }

    .tx_drowseminar2 .orderinfo span.remove {
        width: 5%;
    }

    .tx_drowseminar2 .orderinfo button.remove {
        top: 0px;
        bottom: auto;
        width: 25px;
    }

    /* form */
    .myAccount>div label,
    .tx_drowseminar2 .ordermain label,
    .tx_drowseminar2 .ordermain label.label {
        width: 96%;
        margin-bottom: 0px;
    }

    .myAccount>div input,
    .myAccount>div select,
    .tx_drowseminar2 .ordermain input,
    .tx_drowseminar2 .ordermain select {
        width: 100%;
        margin-top: 0px;
        float: right;
    }

    .tx_drowseminar2 .ordermain label input {
        float: left;
    }

    .tx_drowseminar2 .ordermain .events .multiselect {
        width: 100%;
    }

    .tx_drowseminar2 .ordermain .price * {
        float: left;
    }

    .tx_drowseminar2 .ordermain .price label {
        width: auto;
    }

    .tx_drowseminar2 .ordermain .price div .small {
        float: right;
        clear: both;
        white-space: nowrap;
    }

    /* orderstep3 */
    .tx_drowseminar2 .overview>div {
        width: 100%;
    }

    .tx_drowseminar2 .orderoverview .eventname {
        width: 75%;
    }

    .tx_drowseminar2 .orderoverview .eventprice {
        width: 20%;
    }

    .tx_drowseminar2 .orderoverview .basketsummary {
        width: 100%;
        margin-left: 0;
    }

    /* button */
    .tx_drowseminar2 .button {
        width: 75%;
        margin: 0 auto;
        margin-bottom: 5px;
        float: none;
        clear: both;
        display: block;
        text-align: center;
    }

    /* ajax */
    .choice {
        top: 0px;
        font-size: 12px;
    }

    #drowOverlay .tx_drowseminar2 {
        padding: 5px;
    }

    #drowOverlay .details>div {
        padding: 2px;
    }

    .tx_drowseminar2 .orderoverview.unterlagen .eventname,
    .tx_drowseminar2 .orderoverview.unterlagen .eventprice,
    .tx_drowseminar2 .orderoverview.unterlagen .eventsingleprice,
    .tx_drowseminar2 .orderoverview.unterlagen .eventquant {
        width: 100%;
        text-align: left;
    }

    .tx_drowseminar2 .orderoverview.unterlagen .eventquant:before {
        content: "Anzahl: ";
    }

    .tx_drowseminar2 .orderoverview.unterlagen .eventsingleprice:before {
        content: "Einzelpreis: ";
    }

    .tx_drowseminar2 .orderoverview.unterlagen .price:before {
        content: "Preis: ";
    }

    /* myAccount */
    .myAccount .header ul li {
        width: 49%;
        margin-right: 0px;
        border-bottom: 1px solid #e4e4e4;
        text-align: center;
    }

    .myAccount .header ul li:first-of-type,
    .myAccount .header ul li:nth-of-type(3),
    .myAccount .header ul li:nth-of-type(5) {
        margin-right: 2%;
    }

    .myAccount>div>.button,
    .myAccount>div input[type="submit"] {
        width: 75%;
        margin: 0 auto;
        margin-bottom: 5px;
        float: none;
        display: block;
        text-align: center;
    }

    .tx_drowseminar2 .bestellung .floatleft {
        margin-bottom: 5px;
        clear: both;
    }

    .myAccount>div .tab {
        width: 100%;
    }

    /* extra */
    .tx_drowseminar2 .button.removeUser {
        display: inline-block;
        width: auto;
        padding: 8px 12px;
        float: right;
        font-size: 15px;
    }

    .tx_drowseminar2 .half {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {}

/* phone */
@media screen and (max-width: 360px) {}

.lang--en .tx_drowseminar2 .orderinfo div.navigation span {
    width: 32%;
}

.lang--en .tx_drowseminar2 .orderinfo div.navigation span:last-child {
    width: 35%;
}