.sortblock {margin-bottom: 20px;}
.seminare-list .sorting {display: inline-block; margin-right: 10px; border: 1px solid var(--red); font-size: 14px; padding: 5px; cursor: pointer;}
.seminare-list .sorting.active {background-color: var(--red); color: var(--white);}

.seminare-list .seminare-list-single a:hover {background-color: rgba(75, 74, 77, 0.15);}
.seminare-list-single {margin-bottom: 20px; }
.seminare-list-single a {background-color: #ffffff; padding: 20px; background-color: rgba(75, 74, 77, 0.08); display: block}
.seminare-list-single .city {display: inline-block; color: var(--grey);}
.seminare-list-single .startend,
.seminare-list-single .title {color: var(--red); font-size: 24px; font-weight: 600; display: inline-block; margin-right: 30px;}
.seminare-list-single .subtitle {margin-bottom: 10px; color: var(--grey);}
.seminare-list-single .redline {margin: 10px 0;}
.seminare-list-single .deadline {font-weight: bold; margin: 10px 0; color: var(--grey);}
.seminare-list-single .zielgruppe {background: var(--red); color: var(--white); margin-right: 10px; display: inline-block; padding: 8px 17px; font-weight: 600;}
.seminare-list-single .zielpersonen .label {display: inline-block; margin-right: 20px; color: var(--grey);}

.seminar-detail div {margin-bottom: 15px;}
.seminar-detail div.col-md-8,
.seminar-detail div.col-md-4,
.seminar-detail div.row {margin-bottom: inherit;}
.seminar-detail .title {color: var(--red); font-size: 24px; font-weight: 600;}
.seminar-detail .redline {margin: 10px 0;}
.seminar-detail .hotel {background-color: #eeeeee; padding: 15px;}
.seminar-detail .hotel p,
.seminar-detail .description p {font-size: 1rem;}
.seminar-detail .booking a {width: 100%; display: block; text-align: center; font-weight: bold;}
.seminar-detail .workshops {margin-bottom: 30px;}
#main-content .seminar-detail .workshops ul {list-style: initial; list-style-position: outside; padding-left: 1em;margin-top: 10px;}
.seminar-detail .workshops ul li {margin-bottom: 10px;}
.seminar-detail .workshops ul li:before {display: none;}
.backbutton {margin-top: 50px;}
.backbutton hr {border-color:rgba(75, 74, 77, 0.2);}

.mybookings .seminar {background-color: rgba(75, 74, 77, 0.08); padding: 20px; margin-bottom: 5px; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; cursor: pointer;}
.mybookings .seminar:hover {background-color: rgba(75, 74, 77, 0.15);}
.mybookings .seminar .date {font-weight: 600; margin-right: 20px; min-width: 200px; height: 40px; z-index: 10;}
.mybookings .seminar .title {color: var(--red); font-weight: 600; margin-right: 30px; width: 20%;}
.mybookings .seminar .ort {width: 15%;}
.mybookings .seminar .bookings {width: 20%;}
.mybookings .seminar .persons {width: 100%;}
.mybookings .seminar .icon {position: absolute; right: 20px; height: 40px; width: 40px; top: 12px;}
.mybookings .seminar .icon:before {content:"expand_more"; font-family: 'Material Icons'; font-size: 40px; top: 0px; left: 0px; position: absolute; pointer-events: none; color: var(--red);}
.mybookings .seminar.open .icon:before {content:"expand_less";}

.mybookings .booking {background-color: rgba(75, 74, 77, 0.08); padding: 20px; margin-bottom: 5px; position: relative;}
.mybookings .booking .date {font-weight: 600; display: inline-block; margin-right: 20px; height: auto;}
.mybookings .booking .name {display: inline-block; width: 30%;}
.mybookings .booking .room {display: inline-block; text-transform: capitalize;}
.mybookings .booking .submit {position: absolute; right: 15px; top: calc(50% - 20px);}
.mybookings .booking .submit input { padding: 8px 17px; background-color: var(--red); color: var(--white); position: relative; border:none;}
.mybookings .booking .submit input:hover {background-color: var(--grey);}
.mybookings .booking .margintop {margin-top: 10px;}

.singleAnmeldung {background-color: rgba(75, 74, 77, 0.08); padding: 20px; width: 100%; margin-bottom: 5px;}
.singleAnmeldung .submitField input[type="text"],
.singleAnmeldung .submitField input[type="email"] { padding: 10px 20px; width:100%; margin-bottom: 10px; border: none; border-radius:5px;; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.singleAnmeldung .dateinfo {font-weight: 600; margin-bottom: 10px;}
.singleAnmeldung .submitField select {margin-bottom: 10px; border: none; padding: 10px 20px;}
.singleAnmeldung .submitField select.error {border: 2px solid var(--red);}
.singleAnmeldung .submitField textarea {padding: 10px 20px; width:100%; margin-bottom: 10px; border: none; border-radius:5px;; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.singleAnmeldung .abreiseError {color: var(--red); padding: 10px 0;}
.singleAnmeldung .noRoom {display: inline-block; margin-left: 30px;}
.submitForm .button-red {padding: 8px 17px; background-color: var(--red); color: var(--white); position: relative; border:none;}
.submitForm .button-red:hover {background-color: var(--grey);}
.submitForm #addPerson {padding: 8px 17px; background-color: var(--grey2); color: var(--white); position: relative; border:none; display: inline-block; cursor: pointer;}
.singleAnmeldung .submitField input[type="text"].validation.error {border: 2px solid var(--red); margin-bottom: 0;}
.singleAnmeldung .select-wrapper {position: relative;}
.singleAnmeldung .select-wrapper .requiredStar {position: absolute; right: 10px; top: 11px;}
.singleAnmeldung .select-wrapper.error {border: 2px solid var(--red); margin-bottom: 10px;}
.singleAnmeldung .validation-message {margin-bottom: 10px; font-size: 12px; color: var(--red);}
.singleAnmeldung .select-wrapper.error .validation-message {margin-left: 10px;}

#modalContainer{background-color:rgba(0,0,0,0.3);position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:10000;}

#alertBox{position:relative;width:300px;min-height:200px;margin-top:150px;background-color:#fff;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
#modalContainer > #alertBox{position:fixed;}

#alertBox h1{margin:0;font-weight:600;font-size:18px;background-color:var(--red);text-align:center;color:#FFF;padding:5px 0;}
#alertBox p{font-size:16px;padding:20px 0px;}
#alertBox #closeBtn{display:inline-block;position:relative;margin-right:10px;padding:7px;border:0 none;width:70px;font:0.7em verdana,arial;text-transform:uppercase;text-align:center;color:#FFF;background-color:var(--red);border-radius:3px;text-decoration:none;}

.seminare-administration .future {margin-bottom: 50px;}
.seminare-administration .seminar {background-color: rgba(75, 74, 77, 0.08); padding: 20px; margin-bottom: 5px; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; cursor: pointer;}
.seminare-administration .seminar:hover {background-color: rgba(75, 74, 77, 0.15);}
.seminare-administration .seminar .date {font-weight: 600; margin-right: 20px; min-width: 200px; height: 40px; z-index: 10;}
.seminare-administration .seminar .title {color: var(--red); font-weight: 600; margin-right: 30px; width: 20%;}
.seminare-administration .seminar .ort,
.seminare-administration .seminar .participants,
.seminare-administration .seminar .redbutton {width: 19%;}
.seminare-administration .seminar .redbutton {line-height: 47px;}

a.pdfButton {padding: 8px 17px; background-color: var(--red); color: var(--white); line-height: 48px;}
a.pdfButton:hover {color: var(--white); background-color: var(--grey);}