/*###########################################################
############   Stammdaten Strahl   ###############
############################################################*/
body.frontend {font-size: 0.9em!important;}

.title h2 { font-family: Arial Black; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 35px; }

body.frontend div#breadcrumb { font-family: Arial Black; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26px; }

.th { font-family: Arial Black; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26px; }

h3 { font-family: Arial Black; font-size: 22px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26px; }

body, body.frontend div#breadcrumb, body.frontend div#breadcrumb div.active, #main, .th{
background-color:#eee1db!important;}

body.frontend div#breadcrumb div.active {font-weight:normal!important}



/* ############## Schwarzer Rahmen ####################*/
body.frontend div#breadcrumb div.active,
body.payment .event,
body.payment #vouchers,
body.payment #subtotal .p,
body.payment #payments,
#event, 
body.customer #events,
#categories>div, 
.ticket,
body.customer #events + div,
body.order #events,
body.order #events + div,
body.order .title + div,
body.order #total .w3-right.p,
body.order #customer,
body.order #venues,
body.order #instructions
	{
			border: solid 1px black;
			}


/*Logo und Name des Mandanten auf events ausblenden*/
body.events span.title, body.events div#logo {display:none}

/*Gestaltung der Überschriften vom Typ h2*/
span.title h2 {
text-transform: uppercase; 
text-align:center;
background-color:black;
color:#eee1db; 
padding:5px;
}

div#seating p {font-size:0.9em}


#event, #categories>div, .ticket, body.payment #payments .shipment, body.payment #payments .shipment .p {background-color:white!important;}
#event .th, #categories .th, .ticket .th, .event .th {background-color:#eee1db!important;border-bottom: solid 1px black}

/*############ Weißer Hintergrund ####################*/

body.payment .event, 
body.customer #events,
body.order #events,
body.customer #events + div,
body.order #events + div,
body.order #total + div,
body.customer #newsletter,
body.order #customer,
body.order #venues,
body.order #instructions,
body.order #total .w3-right.p {
	background-color:white!important;
	}


/*############ NUR BORDER BOTTOM ####################*/

body.payment .event .ticket, body.customer .ticket, body.order .ticket  {border:0;}
body.payment .event .ticket:not(:last-child),
body.order .event .ticket:not(:last-child),
body.customer .ticket:not(:last-child).
body.customer #events + div .th.p  {
	border-bottom: solid 1px black!important,
	}




body.payment #payments .bo .w3-half{
	background-color:#eee1db!important;
	border:0;
	
	}



/*###############. MARGIN TOP RAUS ###################*/
body.customer #events .event.mt12,
body.order #events .event.mt12,
.category {
		margin-top:0
		}


/*###############. MARGIN TOP 12PX ###################*/
.ticket:not:first-child
 {
	margin-top:12px!important;
	}


 body.order .title + div,
body.event #event {margin-bottom:12px}



/*Hintergrundfarbe der aktiven Preiskategorie*/
.Basket.prices div.prices-item.active, .Shop.prices div.prices-item.active {
    background-color: silver;
    color:white;
}

/*Gestaltung der Buttons*/

.w3-button {background-color: #eee1db!important; color:black!important; border:solid 1px black}

.w3-button.btn-next {background-color: black!important; color:white!important;}
.w3-button.btn-next:hover {background-color: silver!important;}

.w3-button.add-tickets, .w3-button.redeem {
    background-color: black!important;
	color:white!important
	}

.w3-button.add-tickets:hover, .w3-button.redeem:hover {
	background-color: silver !important; color:white!important
	}
	
	
body.events button {
    background-color: #FFBD16!important;
	color:black!important
	}

body.events button:hover {
	background-color: #FFDE8B !important; color:black!important
	}

/*Hintergrund Eingabemaske Customer
body.customer #customer {background-color:#fffbde}
*/

/*social Media Rahmen und Überschrift weg*/
div#socialmedia{border:0}
 div#socialmedia .th {display:none}
	
div.infobox {margin-left: 65px;}
	
/*Modal*/
.w3-modal-content {color:black}
.w3-modal-content header{background-color:#eee1db!important; color:black}