/*--------------------STYLING Tarmstedt---------------------------------------------*/
/*------------Header Oben Hintergrundfarbe -------------------*/
/*Farben dunkelblau: #0089b2; hellblau:#00ccff grün buttons: #009b4e; orange: #ff9b00;*/
/*Vorschlag Grün #009A31 dunkel #84CF96 mittel #C6E7CE hintergrund #CEFFCE hell*/
/*Vorschlag Grün #5f653c oliv #11e9658 kelly green #C6E7CE hintergrund #C3edd2 mint green*/
/*Vorschlag Menü #009966 desktop background  #f5fffa kelly green #4cbb17 türkis #00ced1 darkblue 003153*/

/*beige: #E9E9E3		dark beige:#D9DAD6*/
 /* background: linear-gradient(97.8deg,#009b4e,#008bd2);*/
/*gradient-grünblau: #009499*/
body {
  color:#1F2B2E;
}


.Ticket-m-Home-Snippet {
  padding: 0px 25px 0px 0px;
 
  font-size: 1em;
  text-align: left;
}

.Ticket-m-Snippet {
  padding: 15px 5px 10px 5px;
  font-size: 1.2em;
  text-align: center;
}

.sw-header-logo {
  Border-bottom: 20px solid  #008bd2;
  background-color: #fff;
  margin-top: 2%;
  margin-bottom: 2%;
} 
.label-info {
    background-color: #009499;
}
[type="checkbox"]+span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #1f2b2e;
}

/*----------------Hintergrund---------------------*/
.sw-ticketshop-m-body {
background:light grey;

}
.tickets-background {
    background-color: white;
}

/* Footer Menu*/
.sw-ticketshop-background-color {
    /* background: linear-gradient(97.8deg,#009b4e,#008bd2);*/
  background:white;
  
}

.sw-full-height {
    height: 100%;
}

.Ticket-m-Snippet {
	padding: 15px 5px 10px 5px;
	font-size: 1.2em;
	text-align: center;
}

.sw-ticketshop-m-productgroup {
	/*border-top: #00ccff solid 2px;*/
    border-top: #009499 solid 2px; 
}

/*------Buttons---------------------*/
.btn {
	border-width: 3px;
    border-style: solid;
	border-radius: 0px;
    box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0;
}

.btn-default {
    color: black;
    background-color: #008bd2;
    border-color: #008bd2;
}

.btn-default:hover {
    color: #008bd2;
	background-color: white;
    border-color: #008bd2;*/
}
.btn-primary {
      color: black;
    background-color: #008bd2;
    border-color: #008bd2;
	border-style: solid;
	border-radius: 0px;
	box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0;
}
.btn-primary:hover {
    color: #008bd2;
	background-color: white;
    border-color: #008bd2;*/
}
.btn-success {
    color: black;
    border-color: #0089b2;
    background-color: #0089b2;
}
.btn-success:hover {
    color: #0089b2;
    border-color: #0089b2;
    background-color: white;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	
    border-color: transparent;
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: white;
}

/* Menüleisten */
/*
}
.sw-ticketshop-background-color {
    background-color: #1f331f;
}*/

.sw-tickets-background {
  background-color: white;
}

body {
  color:#3d3d3d;
  font-family:roboto, sans-serif, open sans;
}

/*--------mobile Anna------*/
.sw-ticketshop-m-menu {
    padding: 10px;
    width: 100%;
    display: flex;
    background-color: #009499;
 /* border-bottom:5px solid  #009b4e;*/
    justify-content: center;
      align-items: center;
}
/*------M-Menu items ------*/
.sw-ticketshop-m-menu-item {
    padding: 5px;
    color: #1f2b2e;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    height: 100%;
    position: relative;
	font-size:large;
}


a:focus, a:hover {
  color: #d3d3d3;
  text-decoration: underline;
}

.sw-ticketshop-m-menu-item.active {
    color: black;
  background-color: #008BD1;

  font-size: +1.2rem;
  font-weight:bold;
}

.sw-ticketshop-m-menu-item-bar {
  display:none;
    background-color:#008bd2;
    height: 4px;
    width: 100%;
    position: absolute;
}

.sw-selectable:hover {
    cursor: pointer;
    color: #008bd2;
  background:white;
/*  border:2px solid #008bd2;*/
  
}



/*--------Nummeriungsleiste-------*/

.sw-ticketshop-m-steps {
    padding: 10px;
    display: flex;
    background-color: #ffffff;
    height: 75px;
      align-items: center;
  
}
.sw-ticketshop-m-step {
    position: relative;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;

}
.sw-ticketshop-m-step-number {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid #000;
    z-index: 1;
    background-color: #ffffff;
}
.sw-ticketshop-m-step-number.selected {
    color: #fff;
    background-color: #009297;
    border-color: #009297;
 	/*padding: 20px;*/
    font-size: 1.2rem;
  /*  font-weight:bold;*/
}
.sw-ticketshop-m-step-description {
    margin-top: 8px;
    font-size: 12px;
}

.sw-ticketshop-m-products-menu-cart-count {
    position: absolute;
    display: block;
    top: -5px;
    left: 20px;
    color: black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #008bd2;
    font-weight: 700;
    font-family: monospace;
    line-height: 18px;
}

.sw-ticketshop-m-info  {
    color: #4fc3f7;
}

.sw-ticketshop-m-menu-item.hover {
    color: #4fc3f7;
}



/*---- Produktpreis ---*/
.sw-ticketshop-m-product-cart-price {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px;
    text-align: right;
}

/*------Personalisierung------*/
/* Karoussel*/
.carousel-header {
    background-color: #009499 ;
  color:white;
    height: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1000;
    border: 2px solid #009499;
}
.carousel-bottom {
    width: 100%;
    background-color: #009499;
  color:white;
    height: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  border: 2px solid #009499;
}
.sw-tickets-m-tickets-summary-top {
    background-color:   009499;
    height: 50px;
    position: relative;
    border: 2px solid #009499;
}

.carousel-bottom a {
    color: white;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: white;
    border: 1px solid white;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #009b4e;
  border-color:white;
}

.carousel-indicators>li.valid {
    background-color: #4caf50;
    border-color: white;
}

.carousel-indicators>li.error {
    background-color: #f44336;
    border-color: white;
}
/*Linie wenn aktive - vorher türkis
input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly])
{border-bottom:1px solid #000;-webkit-box-shadow:0 1px 0 0 #008bcc;box-shadow:0 1px 0 0 #009de0}

input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly])
{border-bottom:1px solid #009de0;-webkit-box-shadow:0 1px 0 0 #008bcc;box-shadow:0 1px 0 0 #009de0}  

Label
input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label
{color:#009de0}
*/

/* Besucherdaten kopieren */

.sw-ticket-m-ticket-visitor {
background-color: #E9E9E3;
}

/*---------------Bestellsummary seite---------------------*/
.sw-ticketshop-m-menu {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #E9E9E3;
	box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0;
}

/*----------------Produktkategorien-------------*/

.sw-ticketshop-m-products-category {
    padding-top: 15px;
    padding-bottom: 15px;
  margin-top:10px;
      margin-left: 50px;
      margin-right: 50px;
    font-size: 20px;
  font-weight:700;
  color: black;
   border-bottom: 0px solid #f2f2f2;
    border-left: 0px solid #f2f2f2;
    border-right: 0px solid #f2f2f2;
    /* background: linear-gradient(97.8deg,#009b4e,#008bd2);*/
  background:#008bd2;
      box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0;
  text-align:center;
}


.sw-ticketshop-m-products-category.selected {
    font-size: 18px;
  border:solid 3px #008bd2;
  background:white;
  color:#008bd2;
  margin-bottom:10px;
}
/*.product-categorie1 {
    background-color: rgba(254,219,2,0.5);
  padding:8px;

}
  

.product-categorie2 {
  background-color: #afbc34;
    padding:8px;

}*/

.tickets-background {
    background-color: white;

}


.glyphicon-circle-arrow-left:before {
 /*   content: "\e132";*/
padding:5px;
/*  font-size: +2rem;*/
}

/*Personalisierung  Text*/
}
input[type=text]:not(.browser-default):focus:not([readonly]) {
  color: #000;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 0 #000;
}

input[type=text]:not(.browser-default):focus:not([readonly])+label {
  color: #000;
}

/*-------mobile ende ------*/

.sw-header-logo-left-image {

max-height: 70px;
height: 100%;
width: auto;
  
  /*
  height: 70px;
  	max-height: 70px */
}


.tickets-navigation {
  background-color:#008bd2;
}


.tickets-navigation-bar {

    color: #008bd2;
    background: #00b295;
}
  
  .bg-primary {
    background-color: #0089b2;
}
  
  
.tickets-navigation-box-glyphicon-inactive {
  /* color: #555; */
  color: #fff;
  background-color: #0089b6;
}

.tickets-navigation-box-link:hover {
  /* color: #fff; */
  color:#4fc3f7;

}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 100%);
}

.tickets-navigation-box-link-active:hover {
  color: #fff;
  background: linear-gradient(to bottom, #0089b6 0%, #0089b2 100%);
  
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
text-decoration: underline;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0089b2;
    border-color: #0089b2;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0089b2;
    border-color: #122b40;
}

/* Ticketoverview personalisieren*/
 .tickets-ticket-description {

  color: #fff;
  background-color: #00ccff;
}

/* Ticketselection Categories*/
a.list-group-item, button.list-group-item {
    color: #555;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    background-color: #a9a9a9;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #0089b2;
    border-color: #0089b2;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #0089b2;
  	border: 3px solid #ff5400;
}


/*Ränder Desktop*/

/*Ticketübersicht Seiten*/

.tickets-background {
  background-color: #f2f2f2;
  border: solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  border-color: #0089b2;
}

tickets-background {
  background-color: #f2f2f2;
  border: solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  border-color: #0089b2;
}

.sw-ticketshop-m-download-home {
  margin-bottom: 15px;
}

.sw-tickets-m-download-success {
    color: #0089b2;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*Auswahlkachel andere Adresse hover*/
.sw-selectable:hover {
    cursor: pointer;
    color: #008bd2;
    background: #bfbfbf;
    /* border: 2px solid #008bd2; */
}
.sw-ticket-m-ticket-visitor:hover table>tbody>tr>td {
    color: black;
}