/***** FONTS *****/
@font-face {
  font-display: swap;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/googlefonts/sourcesanspro-v22-latin-300.woff2') format('woff2');
}

/***** GENERAL *****/
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	hyphens: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline {
	margin-bottom: 15px;
}
h1.smaller {
	font-size: 35px;
}
h1, .h1 {
	margin-bottom: 30px;
}
body .left {
	text-align: left;
}
body .right {
	text-align: right;
}
body .middle {
	text-align: center;
}

button.submit,
.btn.submit {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 100%;
	padding-top: 13px;
	border-radius: 4px;
}
button.submit:hover,
.btn.submit {
	border: none;
}
.btn.submit.small {
	padding: 5px 0;
	margin-bottom: 0;
}

.ce_hyperlink .hyperlink_txt {
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	border-radius: 4px;
	border: none;
	line-height: 28px !important;
}
.ce_hyperlink.btn-size-medium a, 
.ce_revolutionslider_hyperlink.btn-size-medium {
	font-size: 1rem;
}
.ce_icon_text .icon {
	line-height: inherit;
}

.ce_list.style3 li {
	font-size: 1rem;
}

.mobile-reverse {
	flex-wrap: wrap-reverse;
}


/***** LAYOUT *****/
.mod_article:not(.fullwidth) > .container,
body.content_page.sidebar #main .mod_article > .container, 
body.content_page.sidebar #left .mod_article > .container, 
body.content_page.sidebar #right .mod_article > .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

/***** HEADER *****/
.header .mod_navigation_courses {
	right: 40px;
	position: absolute;
	z-index: 100;
}
@media (max-width: 1024px) {
	.header .mod_navigation_courses {
		position: absolute;
		right: 120px;
	}
}
@media (max-width: 767px) {
	.header .mod_navigation_courses {
		position: relative;
		right: 50px;
	}
}
.header a.highlight span {
	font-size: var(--menu-highlight-font-size);
	color: var(--menu-highlight-color);
	background-color: var(--menu-highlight-bg-color);
	border-color: var(--menu-highlight-border-color) !important;
	border-radius: var(--menu-highlight-border-radius);
	border-width: var(--menu-highlight-border-width);
	font-weight: var(--menu-highlight-font-weight);
	padding-left: var(--menu-highlight-padding-lr);
	padding-right: var(--menu-highlight-padding-lr);
	padding-top: var(--menu-highlight-padding-tb);
	padding-bottom: var(--menu-highlight-padding-tb);
	border-style: solid;
	text-transform: uppercase;
}
.header .mainmenu_link.highlight {
	font-weight: 700;
}
.header .mainmenu ul li a.highlight span,
.stickyheader .header .mainmenu ul li a.highlight span {
	font-size: 17px;
}

.mainmenu ul .last ul {
	right: 0;
}

#mmenu .mod_navigation ul li a.highlight {
	font-size: 1.5rem;
	background-color: transparent;
	border: none;
	border-style: none;
}
#mmenu .mod_navigation li a.open, 
#mmenu .mod_navigation li a.active {
	font-weight: 400;
	color: #ee7113;
}

/***** TOP BAR *****/
/*#top .autogrid_row .column .attributes > div:not(:last-of-type) {
	margin-right: 0;
	padding-right: 0;
}*/
.topbar .topbar_mail {
	margin-left: 30px;
}
#top .mod_login_top i,
#top .mod_event_cartlink i {
	margin-right: 8px;
}
#top .count {
	width: auto;
	height: 17px;
	position: relative;
	display: inline-block;
	margin-left: 2px;
	padding: 1px 4px;
	background-color: var(--menu-highlight-bg-color);
	border-radius: 50%;
	font-size: 90%;
	line-height: 12px;
	color: #fff;
	letter-spacing: 1px;
	/*text-shadow: 1px 1px rgba(0,0,0,0.5);*/
	top: -7px;
}
#top .count.active {
	background-color: var(--menu-highlight-bg-color);
}
#top a,
#top .mod_login_top {
	transition: color 0.3s ease, opacity 0.3s ease;
	-webkit-transition: color 0.3s ease, opacity 0.3s ease;
}

#top a:hover,
#top .mod_login_top:hover {
	color: var(--accentColor);
}

@media (max-width: 768px) {
	#top-wrapper .column:first-child {
		display: none;
	}
	#top-wrapper .column.col_7_m {
		flex: 0 0 calc((100% / 12) * 12);
		flex-grow: 0;
		max-width: calc((100% / 12) * 12);
	}
}


/***** SLIDER *****/
.ce_revolutionslider .ce_revolutionslider_text {
	text-shadow: 2px 0px 7px rgb(0, 0, 0, 0.5);
}
.ce_revolutionslider .hyperlink_txt {
	font-size: 17px;
}
.ce_iconbox.version2 .ce_iconbox_icon {
	align-self: inherit;
}


/***** FORM *****/
form fieldset.checkbox_container {
	border: none;
}

.mod_article .mod_login {
	padding: 0;
	margin: 0;
}

/*form .widget select,
form .widget textarea {
	margin-top: 1rem;
}*/

form div.widget {
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	form div.widget {
		margin-bottom: 0;
	}
}

form fieldset {
	border-top: 1px solid rgba(0,0,0,0.2);
	border-left: none;
	border-right: none;
	border-bottom: none;
}

form fieldset legend {
	background-color: var(--secondColor);
	border-radius: 5px;
}

.widget-agreement > fieldset > legend {
	display: none;
}

.widget-agreement .checkbox_container {
    display: flex;
    align-items: center;
    gap: 8px; /* Abstand zwischen Checkbox und Text */
}
.widget-agreement .checkbox_container input[type="checkbox"] {
    margin: 0;
    width: auto;
    flex: 0 0 auto;
}
.widget-agreement .checkbox_container span {
    flex: 1;
    margin-top: 4px;
}


/***** TABLE *****/
.ce_table table th {
	background: var(--secondColor);
	text-transform: uppercase;
}
.ce_table.places table td.col_first {
	font-weight: bold;
	min-width: 200px;
}

/***** LINK BOX *****/
.ce_linkbox h4 {
	text-transform: uppercase;
	font-weight: 400;
}

/***** ICON BOX *****/
.ce_iconbox h3 {
	font-size: 1.5rem;
}
.ce_iconbox p {
	margin-bottom: 0;
}

/***** FOOTER *****/
#footer .ce_icon_text {
	font-size: 27px;
	font-weight: 300;
}
#footer .ce_icon_text .text a {
	text-decoration: none;
}
#footer .ce_image {
	float: left;
	margin-right: 20px;
}

#footer .mod_socials a i {
	background: rgba(29, 65, 103, 1);
	color: #fff;
}

/***** EVENT MANAGER **********/
/***** EVENT LIST *****/
.mod_event_list .group_headline.month {
	font-weight: bold;
	padding: 12px;
	color: rgb(255,255,255);
	font-weight: bold;
	background: #1d3767;
	text-transform: uppercase;
}
.mod_event_list .event.event_list {
	padding: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.1)
}
.mod_event_list .event.event_list:last-child {
	border-bottom: none;
}
.mod_event_list .event.event_list h3 {
	font-size: 18px;
	margin-bottom: 0;
}
.mod_event_list .event.event_list h3 a {
	transition: color 0.3s ease, opacity 0.3s ease;
	-webkit-transition: color 0.3s ease, opacity 0.3s ease;
}
.mod_event_list .event.event_list h3 a:hover {
	color: var(--accentColor);
}
.mod_event_list .event.event_list .info {
	float: left;
}
.mod_event_list .event.event_list .action {
	float: right;
}
.mod_event_list .event.event_list .action .hyperlink_txt {
	margin-bottom: 0;
	color: var(--accentColor);
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9rem;
}

#right .mod_event_list a {
	color: var(--accentColor);
}
#right .mod_event_list a:hover {
	opacity: 0.8;
}
#right .mod_event_list i {
	margin-right: 8px;
}

/***** EVENT BOOKING *****/
.mod_event_booking #ctrl_amount {
	margin-top: 0;
}
.mod_event_booking .widget-price {
	display: flex;
}
.mod_event_booking .widget-price .label,
.mod_event_booking .widget-price .value {
	max-width: none;
}
.mod_event_booking .widget-price .label {
	flex: 1 1;
}
.mod_event_booking .widget-price .value {
	flex: 1 1;
	text-align: right;
}

/***** EVENT CHECKOUT *****/
.mod_event_checkout h2,
.mod_event_checkout h3 {
	margin-top: 40px;
}
.mod_event_checkout .widget-submit-abort {
	margin-left: 40px;
}

.mod_event_checkout .checkout_part.billing_address .inside,
.mod_event_checkout .checkout_part.shipping_address .inside,
.mod_event_checkout .checkout_part.participant_fields .inside .participant {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}

.mod_event_checkout .checkout_part.participant_fields .inside .participant {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.mod_event_checkout .checkout_part.participant_fields .inside .participant:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.mod_event_checkout .checkout_part .inside .select.gender {
  grid-column: 1 / 4;   /* 50% */
  grid-row: 1;
}

.mod_event_checkout .checkout_part .inside .firstname {
  grid-column: 1 / 4;   /* 50% */
  grid-row: 2;
}
.mod_event_checkout .checkout_part .inside .lastname {
  grid-column: 4 / 7;   /* 50% */
  grid-row: 2;
}

.mod_event_checkout .checkout_part .inside .street {
  grid-column: 1 / 7;   /* 100% */
  grid-row: 3;
}

.mod_event_checkout .checkout_part .inside .postal,
.mod_event_registration fieldset .field-postal {
  grid-column: 1 / 3;   /* 33% */
  grid-row: 4;
}
.mod_event_checkout .checkout_part .inside .city,
.mod_event_registration fieldset .field-city {
  grid-column: 3 / 7;   /* 66% */
  grid-row: 4;
}

.mod_event_checkout .checkout_part .inside .country {
  grid-column: 1 / 7;
  grid-row: 5;
}

.mod_event_checkout .checkout_part .inside .phone {
  grid-column: 1 / 7;
  grid-row: 6;
}

.mod_event_checkout .checkout_part .inside .email {
  grid-column: 1 / 7;
  grid-row: 7;
}

@media (max-width: 768px) {
  .mod_event_checkout .checkout_part.billing_address .inside,
  .mod_event_checkout .checkout_part.shipping_address .inside,
  .mod_event_checkout .checkout_part.participant_fields .inside .participant {
    grid-template-columns: 1fr; /* nur 1 Spalte */
  }

  .mod_event_checkout .checkout_part .inside div {
    grid-column: 1 / -1 !important; /* volle Breite */
    grid-row: auto !important;      /* automatische Reihenfolge */
  }
}

.mod_event_checkout .submit_items .buttons {
	margin-top: 40px;
}

.mod_event_checkout .payment_details span {
	font-weight: 700;
}

@media (max-width: 768px) {
	.mod_event_checkout .submit_items .buttons {
		display: grid;
	}

	.mod_event_checkout .widget-submit-abort {
	  margin-left: 0;
	  margin-top: 10px;
	  margin-bottom: 10px;
	}
}

.mod_event_booking .widget-submit,
.mod_event_checkout .widget-submit {
	margin-top: 20px !important;
}


/***** EVENT READER *****/
.mod_eventreader .event_object {
	display: flex;
	flex-direction: row;
}
.mod_eventreader .event_object .label {
	font-weight: bold;
	margin-right: 30px;
	width: 150px;
}
.mod_eventreader .event_object .value {
	
}
.mod_eventreader .back {
	display: none;
	visibility: hidden;
}


/***** EVENT FILTER *****/
.mod_event_filter .widget select {
	margin-top: 5px;
}
.mod_event_filter .widget .multiselect {
	min-height: 75px;
}

/***** CART ******/
.cart_table .table .thead {
	font-weight: bold;
	padding: 12px;
	color: rgb(255,255,255);
	font-weight: bold;
	background: #1d3767;
}
.cart_table .table .th {
	max-width: none;
	/*padding: 0 8px;*/
	text-transform: uppercase;
}
.cart_table .table .th.col_0 { grid-column: 1; text-align: left; }
.cart_table .table .th.col_1 { grid-column: 2; text-align: right; }
.cart_table .table .th.col_2 { grid-column: 3; text-align: center; }
.cart_table .table .th.col_3 { grid-column: 4; text-align: right; }

.cart_table .table .thead .tr,
.cart_table .table .event_item {
	display: grid;
	grid-template-columns: auto 15% 15% 15%;
}
.cart_table .table .event_item {
	padding: 15px 0;
	border-bottom: solid 1px rgb(227,227,227);
}

.cart_table .table .tr {
	text-align: right;
}
.cart_table .table .event_item .event_info {
	grid-column: 1;
	text-align: left;
	padding: 0 8px 0 12px;
}
.cart_table .table .event_item .event_price {
	grid-column: 2;
	padding: 0 8px;
}
.cart_table .table .event_item .event_amount {
	grid-column: 3;
	padding: 0 8px;
}
.cart_table .table .event_item .event_full_price {
	grid-column: 4;
	padding: 0 12px 0 8px;
}

.cart_table .table .event_item .event_title {
	font-weight: 600;
}
.cart_table .table .event_item select {
	margin: 0 10px;
	width: 90px;
}

#tl_event_cart .autogrid_row .column > .buttons,
#tl_event_cart .column .widget-submit {
	margin-top: 30px;
}
#tl_event_cart .autogrid_row .column > .buttons button.submit,
#tl_event_cart .column .widget-submit button.submit {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 100%;
	padding-top: 13px;
	border-radius: 4px;
}
#tl_event_cart .autogrid_row .column > .buttons button.submit:hover,
#tl_event_cart .column .widget-submit button.submit:hover {
	border: none;
}

.cart_table i {
	margin-right: 8px;
}

@media (max-width: 768px) {
	.cart_table .table .thead {
		display: none;
	}
	.cart_table .table .event_item {
		display: block;
		padding: 16px;
		margin-bottom: 15px;
		background: #ffffff;
		box-shadow: 0 2px 8px rgba(0,0,0,0.06);
		border: 1px solid #e3e3e3;
	}
	.cart_table .table .event_item .event_info {
		padding: 0;
		margin-bottom: 10px;
	}
	.cart_table .table .event_item .event_title {
		font-size: 16px;
		margin-bottom: 5px;
		display: block;
	}
	.cart_table .table .event_item .event_price,
	.cart_table .table .event_item .event_amount,
	.cart_table .table .event_item .event_full_price {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 6px 0;
		border-top: 1px solid #f0f0f0;
	}
	.cart_table .table .event_item .event_price::before {
		content: "Preis";
		font-weight: 600;
		color: #1d3767;
	}
	.cart_table .table .event_item .event_amount::before {
		content: "Menge";
		font-weight: 600;
		color: #1d3767;
	}
	.cart_table .table .event_item .event_full_price::before {
		content: "Gesamt";
		font-weight: 600;
		color: #1d3767;
	}
	.cart_table .table .event_item select {
		width: 75px;
		margin: 0;
	}
	.cart_table .table .event_item .event_date .label {
		clear: both;
		display: block;
	}
}

/***** SUMMARY *****/
.summary_table .table .tfoot .tr {
	display: grid;
	grid-template-columns: auto 50%
}
.summary_table .table .td {
	max-width: none;
	/*padding: 0 8px;*/
}
.summary_table .table .tfoot .tr.grandTotal {
	font-weight: bold;
}
#tl_event_cart .col_3 button.submit {
	width: 100%;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 100%;
	padding-top: 13px;
	border-radius: 4px;
}
#tl_event_cart .col_3 button.submit:hover {
	border: none;
}

/***** CHECKOUT STEPS *****/
ul.checkout_steps {
	display: flex;
	text-align: center;
	position: relative;
}
ul.checkout_steps:before {
	content: '';
	border-bottom: 2px solid #eeeeee;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 16px;
}
ul.checkout_steps .step {
	flex-grow: 1;
	position: relative;
	z-index: 2;
}

/***** GENERAL *****/
form .checkbox_container span, 
form .widget-radio span {
	display: inline;
	margin-left: 5px;
}
div.checkout_steps {
	margin-bottom: 50px;
}
ul.checkout_steps .step.done a,
ul.checkout_steps .step.active a,
ul.checkout_steps .step.done a:before,
ul.checkout_steps .step.active a:before {
	color: var(--accentColor);
}
ul.checkout_steps .step {
	position: relative;
}
ul.checkout_steps .step a,
ul.checkout_steps .step span {
	padding: 0 20px;
	background-color: #fff;
}
ul.checkout_steps .step a:before,
ul.checkout_steps .step span:before {
	display: inline-block;
	content: '\f058';
	font-family: FontAwesome;
	margin-right: 10px;
	font-size: 20px;
	top: 2px;
	position: relative;
}


/***** BUTTONS *****/
.submit_items .buttons {
	display: flex;
	align-items: center;
}


/***** INFOS *****/
/* ICONS */
.info.booked:before,
.mod_event_list .empty:before {
	font-family: FontAwesome;
	font-size: 1.667rem;
	line-height: 25px;
	padding-top: 1px;
	display: inline-block;
	position: absolute;
	left: 15px;
}
.mod_event_booking .info.booked:before {
	display: none;
}
.info.booked,
.mod_event_list .empty,
.alert {
	border-radius: 3px;
	padding: 10px 10px 10px 55px;
	margin-bottom: 25px;
	color: #fff;
	line-height: 25px;
	position: relative;
}
.mod_event_booking .info.booked {
	padding: 10px;
}

/* GREEN / SUCCESS */
.info.booked {
	background: #52ac52;
}
.info.booked:before {
	content: "\f00c";
	color: #337033;
}
/* YELLOW / WARNING */
.mod_event_list .empty {
	background: #f0ad4e;
}
.mod_event_list .empty:before {
	content: "\f071";
	color: #b7843b;
}
.alert {
	background: #ce4f4b;
}
.alert:before {
	content: "\f0e7";
	color: #a02622;
}


/***** KURS ÜBERSICHT *****/
.ce_kursuebersicht .content > .row {
	display: grid;
	grid-template-columns: 220px 1fr;
	border-bottom: 1px solid #ebebeb;
}
.ce_kursuebersicht .content > .row:last-child {
	border-bottom: none;
}
.ce_kursuebersicht .content > .row .label {
	padding: 1em;
	font-weight: bold;
	border-right: 1px solid #ebebeb;
}
.ce_kursuebersicht .content > .row .content {
	padding: 1em;
	line-height: 1.5;
}
.ce_kursuebersicht .content > .row:nth-child(odd) {
	background: #fff;
}
.ce_kursuebersicht .content > .row:nth-child(even) {
	background: rgb(251,251,251);
}

.ce_kursuebersicht .customer-table {
    margin-top: 40px;
}
.ce_kursuebersicht .customer-table .head {
    display: grid;
    grid-template-columns: 220px 1fr 1fr;
    font-weight: bold;
    padding: 1em;
    border-bottom: 1px solid #ebebeb;
    background: #f5f5f5;
}
.ce_kursuebersicht .customer-table > .empty {
    background: #f5f5f5;
}
.ce_kursuebersicht .customer-table .row {
    display: grid;
    grid-template-columns: 220px 1fr 1fr;
    border-bottom: 1px solid #ebebeb;
}
.ce_kursuebersicht .customer-table .row:nth-child(even) {
    background: #fff;
}
.ce_kursuebersicht .customer-table .row:nth-child(odd) {
    background: rgb(251,251,251);
}
.ce_kursuebersicht .customer-table .row > div {
    padding: 1em;
}
.ce_kursuebersicht .customer-table .row > div:last-child {
	border-left: 1px solid #ebebeb;
}
.ce_kursuebersicht .customer-table .row .label {
    font-weight: bold;
    border-right: 1px solid #ebebeb;
}

@media (max-width: 700px) {
  .ce_kursuebersicht .content > .row  {
    grid-template-columns: 1fr;
  }
  .ce_kursuebersicht .content > .row .label {
    border-right: none;
    padding-bottom: 0;
  }
  .ce_kursuebersicht .content > .row .content {
  	padding-top: 0;
  }
  .ce_kursuebersicht .customer-table .row-head,
  .ce_kursuebersicht .customer-table .head {
	display: none;
  }
  .ce_kursuebersicht .customer-table .row {
	grid-template-columns: 1fr;
  }
  .ce_kursuebersicht .customer-table .row .label {
	border-right: none;
	border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .ce_kursuebersicht .customer-table .row > div[data-type]:before {
	content: attr(data-type) ": ";
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
	color: #333;
  }
  .ce_kursuebersicht .customer-table .row > div:nth-child(2) {
  	padding-top: 0;
  }
  .ce_kursuebersicht .customer-table .row > div:last-child {
  	padding-top: 0;
	border-left: none;	
  }
  .ce_kursuebersicht .customer-table .row:nth-child(even) {
    background: rgb(251,251,251);
  }
  .ce_kursuebersicht .customer-table .row:nth-child(odd) {
	background: #fff;
  }
}


/***** TABLE *****/
table tr.odd {
	background: #fff;
}
table tr.even {
	background: rgb(251,251,251);
}
.ce_table table td {
	padding: 17px;
}

@media (max-width: 768px) {
  table thead {
      display: none;
  }
  table {
  	font-size: 1rem;
  }
  table, 
  table tbody, 
  table tr, 
  table td, 
  table th {
      display: block;
      width: 100%;
  }
  table tr {
      padding-bottom: 17px;
      border-bottom: 1px solid #ebebeb;
  }
  .ce_table table td {
  	border-bottom: none;
  	padding-bottom: 0;
  }
  table td:before {
	  content: attr(data-label);
	  font-weight: bold;
	  display: block;
	  margin-bottom: 4px;
	  color: #333;
  }
  table td.col_0:before {
  	display: none;
  }
  table th {
      font-weight: 600;
      margin-bottom: 10px;
  }
}

/***** LEADER TEXT *****/
.ce_leadertext.version1 {
	margin-bottom: 30px;
}


/***** REGISTRATION *****/
.mod_event_registration fieldset,
.mod_event_registration_guest fieldset {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}

.mod_event_registration fieldset .field-company {
  grid-column: 1 / 7;   /* 100% */
  grid-row: 1;
}
.mod_event_registration fieldset .field-street,
.mod_event_registration_guest fieldset .field-street {
  grid-column: 1 / 7;   /* 100% */
  grid-row: 2;
}
.mod_event_registration fieldset .field-postal,
.mod_event_registration_guest fieldset .field-postal {
  grid-column: 1 / 3;   /* 33% */
  grid-row: 3;
}
.mod_event_registration fieldset .field-city,
.mod_event_registration_guest fieldset .field-city {
  grid-column: 3 / 7;   /* 66% */
  grid-row: 3;
}

.mod_event_registration fieldset .field-gender,
.mod_event_registration_guest fieldset .field-gender {
  grid-column: 1 / 4;   /* 50% */
  grid-row: 1;
}
.mod_event_registration fieldset .field-firstname,
.mod_event_registration_guest fieldset .field-firstname {
  grid-column: 1 / 4;   /* 50% */
  grid-row: 2;
}
.mod_event_registration fieldset .field-lastname,
.mod_event_registration_guest fieldset .field-lastname {
  grid-column: 4 / 7;   /* 50% */
  grid-row: 2;
}
.mod_event_registration fieldset .field-dateOfBirth,
.mod_event_registration_guest fieldset .field-dateOfBirth {
  grid-column: 1 / 4;   /* 50% */
  grid-row: 3;
}

.mod_event_registration fieldset .field-phone,
.mod_event_registration_guest fieldset .field-phone {
  grid-column: 1 / 4;   /* 50% */
  grid-row: 1;
}
.mod_event_registration fieldset .field-mobile,
.mod_event_registration_guest fieldset .field-mobile {
  grid-column: 4 / 7;   /* 50% */
  grid-row: 1;
}
.mod_event_registration fieldset .field-email,
.mod_event_registration_guest fieldset .field-guest_email {
  grid-column: 1 / 7;   /* 100% */
  grid-row: 2;
}

.mod_event_registration fieldset .field-username {
  grid-column: 1 / 7;   /* 100% */
  grid-row: 1;
}
.mod_event_registration fieldset .field-password {
  grid-column: 1 / 7;   /* 100% */
  grid-row: 2;
}

.mod_event_registration fieldset .field-agreement {
  grid-column: 1 / 7;   /* 100% */
  grid-row: 1;
}

@media (max-width: 768px) {
  .mod_event_registration fieldset,
  .mod_event_registration_guest fieldset {
    grid-template-columns: 1fr; /* nur 1 Spalte */
  }

  .mod_event_registration fieldset > div,
  .mod_event_registration_guest fieldset > div {
    grid-column: 1 / -1 !important; /* volle Breite */
    grid-row: auto !important;      /* automatische Reihenfolge */
  }
}


/***** LOGIN *****/
#top .mod_login form p.error {
	white-space: normal;
	margin-bottom: 10px;
}