/* CSS Document */

.traingsTitleWrapper{display:block;width:100%;height:auto;margin-top:60px;}
.traingsTitle{font-family: "RobotoCondensed-Light", sans-serif;font-size: 40px;line-height: 36px;}
.traingsTitleLine{display:block;width:100%;height:2px;background-color: #c60c30;margin-top:8px;}
.traingsTitleLineHide{background-color: #ffffff;}
.traingsTitleOpen {display: block;float: right;width: 40px;height: 40px;background-image: url(img/accordion_open.svg);background-repeat: no-repeat;background-size: 40px 40px;cursor: pointer;position: relative;}
.traingsTitleClose {display: block;float: right;width: 40px;height: 40px;background-image: url(img/accordion_close.svg);background-repeat: no-repeat;background-size: 40px 40px;cursor: pointer;position: relative;}

.traingsKursWrapper{display:none;width:100%;height:auto;}
.traingsKursTable{display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;margin: 0 auto;margin-right: auto;margin-left: auto;height:auto;padding-bottom: 30px;padding-top:30px;}
.traingsKursCell{display:block;-webkit-flex-basis: 50%;-moz-flex-basis: 50%;flex-basis: 50%;-ms-flex-preferred-size: 50%;height:auto;}
.traingsKursCell:first-of-type{max-width:300px;}
.traingsKursLogo{display:block;width:200px;height:75px;background-repeat:no-repeat;background-size:contain;background-position: left top;}
.traingsKursTitle{display:block;width:100%;height:auto;font-family: "Roboto-Light", sans-serif;font-size: 19px;line-height: 29px;}

.traingsKursCell ul {display: table;}
.traingsKursCell ul li {display: table-row;font-family: "Roboto-Light", sans-serif;font-size: 19px;line-height: 29px;}
.traingsKursCell ul li::before{display: table-cell;width: 15px;content: "• ";font-size: 19px;line-height: 28px;background-image:none;top: 0px;}


h4{font-size:36px;}
.contactTable{padding-left: 200px;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;margin: 0 auto;margin-right: auto;margin-left: auto;height:auto;}
.contactCell{display:block;-webkit-flex-basis: 50%;-moz-flex-basis: 50%;flex-basis: 50%;-ms-flex-preferred-size: 50%;height:auto;}

/*.contactCell a, .contactCell a:visited, .contactCell a:hover{color: #C3BBB2;text-decoration: none;}*/
	
.contactCellBtn { display:inline-block; position: relative; margin-top: 15px; margin-bottom: 40px; font-family: "Roboto-Light"; color: #FFFFFF; font-size: 19px; line-height: 24px; text-align: left; background-color: #68A8EE; border: 1px solid #68A8EE; border-radius: 4px; padding: 24px 35px 18px 35px; cursor: pointer; min-height: 60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: center;}
.contactCellBtn:visited { color: #FFFFFF;}
.contactCellBtn:hover { background-color: #fafafa; color: #68A8EE; font-family: "Roboto-Light"; font-size: 19px; line-height: 24px;}

@media all and (max-width:768px) {
	.traingsTitle{font-size: 24px;line-height: 27px;}
	.traingsTitleOpen {width: 30px;height: 30px;background-size: 30px 30px;}
	.traingsTitleClose {width: 30px;height: 30px;background-size: 30px 30px;}
	.traingsKursTable{flex: none;display: block;width:auto;height:auto;}
	.traingsKursCell{-webkit-flex-basis: 100%;-moz-flex-basis: 100%;flex-basis: 100%;-ms-flex-preferred-size: 100%;margin:0 auto;padding:0;margin-bottom: 30px;}
	.traingsKursCell:first-of-type {max-width: 100%;}
	
	.contactTable,.offeringText{padding-left:0px;}
	.contactTable{flex-wrap: wrap;}
	.contactCell{-webkit-flex-basis: 100%;-moz-flex-basis: 100%;flex-basis: 100%;-ms-flex-preferred-size: 100%;margin:0 auto;padding:0;margin-bottom: 30px;min-width:100%;}
	.contactTable > .contactCell:first-of-type{order:2;}
	.contactTable > .contactCell:last-of-type{order:1;}
	h4 {font-size: 28px;}
}