


body {
  background: #D8E5F2; 

font-family: 'Univers,'PT Serif','Muli','Arial',sans-serif;*/

}

.glyphicon-circle-arrow-right {
    content: "\27F6";
}
.glyphicon-circle-arrow-right:before {
    content: "\27F6";
}

/*-------------------------Ticketshop 2.0-------------------------------*/
.btn, .btn-large, .btn-small {
    text-decoration: none;
    color: #fff;
    background-color: #4A5D6C;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #00b700; 
  	color: white;
}

.text-success {
  color: #4A5D6C;
}



/*_________________Schriften __________________________________________________________*/

@import url(https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?subset_id=2&fvd=n5&v=3);
@import url(https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/l?subset_id=2&fvd=n3&v=3);
@import url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?subset_id=2&fvd=n4&v=3);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&family=PT+Serif:ital,wght@1,400);

/* Univers Font Family - WOFF2 Definitions */
@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVER.woff2") format('woff2');
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVERB.woff2") format('woff2');
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVERBI.woff2") format('woff2');
  font-weight: 700; /* Bold Italic */
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVERI.woff2") format('woff2');
  font-weight: 400; /* Italic */
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVCD.woff2") format('woff2');
  font-weight: 300; /* Condensed Regular (geschätzt) */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVCDB.woff2") format('woff2');
  font-weight: 500; /* Condensed DemiBold (geschätzt) */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVCDBI.woff2") format('woff2');
  font-weight: 500; /* Condensed DemiBold Italic (geschätzt) */
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Univers';
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/UNIVCDI.woff2") format('woff2');
  font-weight: 300; /* Condensed Italic (geschätzt) */
  font-style: italic;
  font-display: swap;
}


/* Light */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

/* Light Oblique */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-LightOblique.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}

/* Book */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* Book Oblique */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-BookOblique.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

/* Roman */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-Roman.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* Oblique */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-Oblique.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

/* Medium */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

/* Medium Oblique */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-MediumOblique.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}

/* Heavy */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-Heavy.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

/* Heavy Oblique */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-HeavyOblique.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}

/* Black */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

/* Black Oblique */
@font-face {
  font-family: "Avenir";
  src: url("https://offenbach.fairdesigner.de/online/Tenants/Offenbach/Content/Avenir-BlackOblique.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
}
body {
      font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
    font-weight: 300;
    line-height: 160%;
    font-size: 16px;
    /* -webkit-tap-highlight-color: #fed136; */
}
h1, h2, h3, h4, h5, h6, h7 {
      font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
}

h1 {
	font-weight: 800;
	font-size: 45px;
	margin: 0 0 30px 0;
}

h2 {
    font-weight: 800;
	font-size: 32px;
}

h2.subheading {
    font-size: 28px;
    margin: -15px 0 25px 0;
    font-weight: 200; 
}

h3 {
    font-size: 28px;
	font-weight: 400;
	margin: 10px 0 15px 0;
}
h3.subheading {
    font-size: 24px;
    margin: -10px 0 20px 0;
    font-weight: 200;
}

h4, h5, h6, h7 {
    font-weight: 600;
}
  body {
  font-family: "Avenir", system-ui, -apple-system, sans-serif;
  font-weight: 400; /* Book/Roman */
}

h1,h2,h3,h4 {
  font-family: "Avenir", system-ui, -apple-system, sans-serif;
  font-weight: 900; /* Black */
}

.italic {
  font-family: "Avenir", system-ui, -apple-system, sans-serif;
  font-style: italic;
  font-weight: 500; /* Medium Oblique */
}
p { 
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
/*font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
}
.text-primary {
  color:#4A5D6C;
}
h3.text-primary {
  color:#4A5D6C;
}
h3.text-primary {
    color: #4A5D6C;
    text-transform: uppercase;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color:#00b700;
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid #00b700;
}

h2 {
/*font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
    font-size: 36px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.2em;
  color:#4A5D6C;
      display: block;
    font-size: 2em;
  text-size-adjust:100%;

}
#welcome-snippet {
  margin-left: calc(8.33% + 200px);
}
span.sw-span-red {
    color: #00b700;
}
.social-media-flexbox {
  margin-top:5px;
  
line-height:15px; 
  display: flex;

    align-items: center;
      justify-content: center;
}
.social-media-child {
  padding: 10px;
  line-height:15px;
  height:80%;
 /* background-color:#4A5D6C;*/
  /*width: 100px;  /* Or whatever */
/*  height: 100px; /* Or whatever */
/*  margin: auto;  /* Magic! */
  
}
.checkbox label {

    width: 500px;
}

/*********************************Ticketshop MOBIL****************************************************************/
.ui-select-bootstrap .ui-select-choices-row.active>a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #4A5D6C;
}
.ui-select-bootstrap>.ui-select-match>.btn {
    text-align: center!important;
}
[type="checkbox"]+span:not(.lever) {
    position: relative;
    font-size: 17px !important;
    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;
}

label {
 /*   font-size: .8rem;*/
    color: black;
}

.sw-ticketshop-background-color {
    background-color: #ffffff;
}
.sw-ticketshop-m-body {
	background: #F4F3F1;
}
/*-------------------------Ticketshop 2.0-------------------------------*/
/*Dropdown*/
.dropdown-content li>a, .dropdown-content li>span {
    font-size:1em !important;
    color: #00b700;
    display: block;
    line-height: 22px;
    padding: 10px;
}
.dropdown-content li {
    clear: both;
    color: #4A5D6C;
    cursor: pointer;
    min-height: 50px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
  font-size:17px;
}
.dropdown-content li>a, .dropdown-content li>span {
    font-size: 17px !important;
    color: #00b700;
    display: block;
    line-height: 22px;
    padding: 10px;
}

/*-----------karousel----------*/

.carousel-inner.sw {
    margin-left: 20px;
    margin-right: 20px;
    width: unset;
    min-height: 500px;
}
.carousel-header {
    background-color: white;
    height: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1000;
}

.carousel-bottom {
  margin-top:10px;
      background-color: #4A5D6C;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: white;
    border-color: #00b700;
}
.carousel-indicators {
    border-color: #4A5D6C;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 1px solid #4A5D6C;
    border-radius: 10px;
}


.sw-ticketshop-m-menu-item {
    padding: 5px;
    color: #4A5D6C;
    margin-left: 5px; 
    margin-right: 5px;
    text-align: center;
    height: 100%;
    position: relative;
    min-width: auto;
}

.sw-ticketshop-m-info {
    padding: 10px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 640px;
    font-size: small;
}
.sw-tickets-m-tickets-summary-top {
    background-color: #4A5D6C;
    height: 50px;
    position: relative;
}
.sw-ticketshop-m-menu-item-bar {
    background-color: #00b700; /*Kontrastfarbe*/
    height: 4px;
    width: 100%;
    position: absolute;
}
.sw-ticketshop-m-menu-item.active {
    color: #00b700; /*Kontrastfarbe*/
}
.sw-ticketshop-m-product-cart-price {
    color: #4A5D6C;
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
    margin-top: 5px;
    text-align: right;
}
/*.sw-ticketshop-m-products-menu-cart-count {
    position: absolute;
    display: block;
    top: -5px;
    color: white;
    border-radius: 50%;
    width: 22px;
    height: 23px;
    background-color: #4caf50;
    right: 2px;
    font-weight: 400;
    padding-bottom:10px;
      border: #4caf50 solid 2px;
}*/
.sw-ticket-code-selection-product-quota {
  display:none;
}

.sw-ticketshop-m-products-menu-cart-count {
    position: absolute;
    display: block;
    top: -5;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color: #4caf50;
    right: 2px;
    font-weight: 100;
    font-size: 0.8rem;
    padding-bottom: 18px;
   /* border: #4caf50 solid 2px;*/
  border:none;
}
.tickets-order-summary-total {
    font-weight: 700;
    color: #00b700;
    font-size: larger;
    padding: 5px 10px;
}
.sw-ticketshop-m-steps {
    padding: 10px;
    display: flex;
    background-color: #4A5D6C;
    height: 75px;
}
.sw-ticketshop-m-step-number {
    position: relative;
    display: flex;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid #000;
    z-index: 1;
    background-color: #f2f2f2;
    align-items: stretch;
}

.sw-ticketshop-m-step-number.selected {
    color: #fff;
    background-color: #00b700;
    border-color:#00b700;
}

.sw-ticketshop-m-step-description {
    color: white;
    font-size: 1em;
}
.sw-form {
    background-color: #ffffff;
    /* border: 1px solid #777777; */
    padding-top: 15px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.ticketinfo-mobil {
	border: 1px solid #4A5D6C;
	border-radius: 0px;
  	text-align: center;
  	margin-left: 5%;
    margin-right: 5%;
 	margin-top:5%;
 	padding: 1em;
}
/*link im Ticketinfo div*/
.ticketinfo-mobil a:link { color: #000000; }
.ticketinfo-mobil a:hover { color: #00b700; }


[type="checkbox"]+span:not(.lever) {

    height: auto;
}
input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid>input.select-dropdown, .select-wrapper.invalid>input.select-dropdown:focus {
    border-bottom: 1px solid #00b700;;
    -webkit-box-shadow: 0 1px 0 0 #00b700;
    box-shadow: 0 1px 0 0 #00b700;
}

.sw-tickets-m-download-success {
    color: #4A5D6C;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*----- Summary----*/

.sw-product-invoicetext {
    font-weight: 400;
    font-size: 18px;
}


/*-----Summary Tickets-------------------*/
li.tickets-ordersummary-visitor {
    padding: 5px;
    list-style: none;
    font-size: 16px;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 18px;
      font-weight: 400;
  font-weight:normal;
}
th {
      font-weight: 400;
}
/*---------------------------------------Glyphicons------------------------------------------*/
.glyphicon-home:before {
  /*  content: "\e021";*/
      content: "\e042";
}

.glyphicon-minus:before {
    content: "\2212";
    font-family: basic;
}

.glyphicon-plus:before {
    content: "\002b";
  font-family: basic;
}

/*__________________________________________Allgemeines ____________________________________________________________*/
body {
  /*  background-image: url('https://static1.squarespace.com/static/ta/53ce2f60e4b0939090643409/0/assets/groovepaper.png'); */
       background-color: #D8E5F2;
    color: #4A5D6C;
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
/*	font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
/*  background-image: url('https://images.squarespace-cdn.com/content/53ce2f60e4b0939090643409/1515764783107-D5Q4WNL03VWVIXWF66DD/Unbenannt-2.png?content-type=image%2Fpng');
  https://static1.squarespace.com/static/53ce2f6…/t/5a58bc2…/1515764783795/Unbenannt-2.png);
    background-position: center left;
    background-size: auto;
    background-attachment: fixed;
    background-repeat: repeat;
    background-color: #f2f2f2;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #4A5D6C;
}

body, p, ul, ol, button, input, select, textarea {
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
/*	font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
    font-size: 14px;
    font-weight: normal;
    line-height: 1.8em;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0px;
    line-height: 1.6em;
}

.content {
/*  max-width: 1600px;*/
/*  max-height: 100%;*/
  background-color: white;
  margin-top: 35px ! important;
  font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
  padding-bottom:0px;
}
/*----Hinweis Fehler Katalog deutlicher ----*/


header {
  font-size:16px;
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
/*	font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
}

/*------------ Buttons allgemein -----------*/

.btn {
  /* border: 1px solid transparent; */
  /* border-radius: 4px; */
  border: 0;
    border-radius: 0px;
 /* z-index: 8;*/
    font-size: 18px;
}


.helper-text {
  border: 1px solid #9e9e9e;
  background-color: #F2f2f2;
  padding-left: 5rem;
  padding-right: 5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  /*margin-top: -5rem;
  margin-bottom: 5rem;*/
}



.btn-default {
    color: #ffffff;
    background-color: #4A5D6C;
    border-color: #4A5D6C;
}

.btn-primary {
    color: #ffffff;
    background-color: #00b700;
    border-color:#00b700;
}
btn.btn-success {
    color: white;
    border-color: #00b700;
    background-color: #00b700;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color:#00b700;
    border-color: #00b700;
}
.btn, .btn-large, .btn-small {
    text-decoration: none;
    color: #fff;
    background-color: #4A5D6C;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #00b700; 
  	color: white;
}

/*
.btn.btn-link {
      color: #4A5D6C;
    background-color: white;
    border-color: #4A5D6C;
    border: solid #4A5D6C;
  position:relative;
}*/

.button-ci-2.button-secondary {
   	background-color: white; 
  border: 2px solid #4A5D6C;
  	color: #4A5D6C;
}


/*------------Header Oben Hintergrundfarbe -------------------*/

.snippet-welcome-description {
	margin-left:3em; 
}


/*---------------------logo oben links ------------------------*/
.sw-header-logo {
 /* position: relative;*/
 height: 70px;
}
.sw-header-logo-left-image {
/*    position: absolute;*/
 /*   top: 70px;*/
/*    z-index: 1;*/
    height: 100px;
    /* width: 150px; */
/*   max-height: none;*/
}
.sw-header-logo-left {
    font-size: 24px;
}

/*------------------------------Panel-------------------------------------*/
.panel-shop > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
	padding-left: 175px;
}

.panel-info {
    margin-right: 10px;
    margin-top: 6px;
}
.panel{
  border-radius:0px;
}
.panel-heading {
    border-radius: 0px;
}
[type="checkbox"]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #00b700;
    border-bottom: 2px solid #00b700;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

/*--------------------checkbox -------------------------------*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
color: #00b700;
padding-top:5px;
}
input[type=checkbox], input[type=radio] {
    margin: 0px;
    line-height: normal;
}
.checkbox-must-check input[type="checkbox"] + label::before, .checkbox-must-check input[type="radio"] + label::before {
    border: 3px solid #7f0000;
}
.checkbox-must-check input[type="checkbox"] + label::after, .checkbox-must-check input[type="radio"] + label::before {
    background-color: transparent;
    color: #4A5D6C;
}
.checkbox-must-check input[type="checkbox"]:checked + label::before, .checkbox-must-check input[type="radio"]:checked + label::before {
    background-color: #ffffff;
    border: 1px solid #4A5D6C;
    /* border-color: #5cb85c; */
    /* color: #fff; */
}
.checkbox-must-check input[type="checkbox"]:checked + label::after, .checkbox-must-check input[type="radio"]:checked + label::after {
    color: #4A5D6C;
}
.checkbox label::before {
    margin-top: 5px;
}

.checkbox {
    padding-left: 35px;
}
/*------------------------------------Navigationsbar-----------------------------------*/

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
      font-variant-caps: caps;
    	color: #4A5D6C;
        line-height: 1.6em;
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
/*	font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
   	letter-spacing:1px;
      display: inline-block;
      font-size: 13px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
}



sw-menu.ng-isolate-scope .navbar-collapse {
  margin-left: calc(8.33% + 200px);
}




/*-----------------------------Footer---------------------------------------*/
footer.navbar-bottom {
  position: relative;
  margin-top: 150px;
  font-size: 120%;
  font-size:24px;
}
/*footer.navbar-bottom::before {
    content: '';
  	position: absolute;
    bottom: 0;
  	left:0;
  	width: 100%;
  	height: 469px;
    z-index: -1;
}*/
footer nav.navbar {
  background: transparent;
  border: none;
  font-variant-caps: normal;
}

/*footer .navbar-collapse ul.nav
{
  display: inline-block;
  float: none;
}*/
footer .navbar-default .navbar-nav > li > a {
    color: #4A5D6C;
    font-size: 14px;
  font-variant-caps: normal;
}
footer .navbar-default .navbar-nav > li > a:hover {
  	color: #4A5D6C;
}

footer .navbar-collapse {
  border:none;
  background: transparent ! important;
  text-align: center;
  font-variant-caps: caps;
  padding-left:50px;
  color: #4A5D6C;
  line-height: 1.6em;
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
/*	font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
  letter-spacing:1px;
      display: inline-block;
      font-size: 13px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
}



/*----------------------Personalisierungsmaske----------------------------*/

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
  /* border: 1px solid #ddd; */
  border: 1px solid #4A5D6C;
  border-bottom: 1px solid transparent;
}

.nav-tabs.nav-justified > li > a {
    /* border-bottom: 1px solid #ddd; */
    border-bottom: 1px solid #4A5D6C;
    font-weight: bold;
    font-size: large;
}

/*-------------------------------------------- neue Personalisierungsmaske- (Ticket & Ausstellershop)-------------------------------------------------------------*/

/*---------- RAdiobuttons in Personalisierung -----------*/
/*radio-button in Personalisierung*/
/*[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after {
    background-color:   #fce531;
}
[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after {
    border: 2px solid #fce531;
}*/

/*----------- Farben Dropdown-Menü ---------------------*/
.dropdown-content li > a, .dropdown-content li > span {
    color: #4A5D6C;
}

/*Personalisierung Linie & Feld vorher türkis #26a69a*/
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 #4A5D6C;
-webkit-box-shadow: 0 1px 0 0 #4A5D6C;
box-shadow: 0 1px 0 0 #4A5D6C;
 /*color: #1b66b3;*/
}
/*-----------------Personalisierung Schriftfarbe beim EintragenLinie vorher türkis #26a69a---------------*/
label.active >active{
  color: #4A5D6C;
}
/*Überschrift Feld, wenn in Zeile geklickt wird -Personalisierungsmaske*/
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:   #4A5D6C;
}
/*---------------Ticketpersonalisierungsmaske ------------------------*/
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {

    border: 1px solid #4A5D6C;
    border-bottom: 1px solid transparent;
}
.nav-tabs.nav-justified > li > a {
    /* border-bottom: 1px solid #ddd; */
    border-bottom: 1px solid #4A5D6C;
}
.nav-tabs.nav-justified>li>a {
    border-radius: 0px 0px 0 0;
}





/*_------------------------------------------------------------------Ticketshop -------------------------------------------------------*/

.sw-tab-description {
    font-size: 89%;
    color: #4A5D6C;
    margin-left: 15Px;
}

/*-----------Navigationsbar Ticketshop---------------*/

.tickets-navigation-box-glyphicon {
    width: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    font-size: 100%;
  color:#4A5D6C;
  background-color:white;
}
.bg-primary {
    color: #4A5D6C;
    background-color: white;
}

.tickets-ticket-description {
    vertical-align: middle;
    color: #ffffff;
    background-color: #ffffff;
  border: 3px solid #4A5D6C;
}
/*------------------------------------ticket Navigationsbar-----------------------------------*/
.tickets-navigation-bar {
    margin-top: 5px;
    margin-bottom: 15px;
  
    padding-left: 12.5%;
    padding-right: 15px;
 /* padding-top: 15px;*/

  /*background-color: red;*/
  color: #4A5D6C;
  width: 100%;
   font-variant-caps: caps;
    	color: #4A5D6C;
        line-height: 1.6em;
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
/*	font-family: 'futura-pt','PT Serif','Muli','Arial',sans-serif;*/
   	letter-spacing:1px;
      display: inline-block;
      font-size: 13px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
  
}

.tickets-background {
    background-color: #ffffff;
 /* border-top: 2px solid #4A5D6C;
    border-bottom: 2px solid #4A5D6C;*/
    padding: 0px;
}
.tickets-background>sw-ticketshop-m-download-home {
  display:none;
}

.tickets-navigation-box-link {
    color: #4A5D6C;
    font-weight: 700;
   font-variant-caps: caps;
    	color: #4A5D6C;
        line-height: 1.6em;
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
   	letter-spacing:1px;
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
}
.tickets-navigation-box>li>a {
    color: #4A5D6C;
    font-weight: 700;
   font-variant-caps: caps;
    	color: #4A5D6C;
        line-height: 1.6em;
  font-family: 'Univers','futura-pt','PT Serif','Muli','Arial',sans-serif;
  font-synthesis: none;
   	letter-spacing:1px;
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
}

.tickets-navigation-box-link:hover {
    color: #4A5D6C;
}
.tickets-navigation-box>li>a:hover {
    color: #4A5D6C;
}

.tickets-navigation {
    height: 40px;
    background-color: #fff;
    margin-bottom: 10px;
}


/*----------------------------Ticket Footer------------------------------------------*/


/*------Tickethotline Infobox div---------------*/
/*Tickethotline Infobox */
/*.ticketinfo {
	border: 1px solid #337AB7;
  background-color: #444444;
	border-radius: 4px;
  text-align: center;
}*/
.ticketinfo {
	border: 1px solid #4A5D6C;
	border-radius: 0px;
  	text-align: center;
  	margin-left: 25%;
    margin-right: 25%;
 	margin-top:5%;
 	padding-top: 1em;
    padding-bottom: 1em;
  min-width:300px;
}
/*link im Ticketinfo div*/
.ticketinfo a:link { color: #4A5D6C; }
.ticketinfo a:hover { color: #00b700; }

/*Snippet: tickets.ticketshop.productselection.top*/
.ticketwelcome {
  	text-align: center;
   	padding-top: 1em;
    padding-bottom: 1em;
}
/*-----------------------------------Ausstellershop ----------------------------------------------------------*/
/*-------------------Markeneintrag Katalogdaten Ausstellershop-------------------------*/
.sw-brand-entry {
   padding: 5px;
	border: #fff 3px solid;
  background-color: #e4e4e4;
}

.sw-brand-entry-logo-preview {
 display: flex;
justify-content: center;
	align-items: center;
  position: relative;
  background-color: #e4e4e4;
}

.sw-brand-entry-logo-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
    background-color: #e4e4e4;

}
/*------- Mitaussteller-Menu ------------*/

sw-menu .navbar-nav li.coexhibitormode {
  background-color: #F58F00;
}
sw-menu .navbar-nav li.coexhibitormode a {
  color: #4A5D6C;
}
sw-menu .navbar-nav li.coexhibitormode a:hover {
  color: #000;
  background: #FFA400;
}
/* --------------------------- Produkt Menge eingeben -------*/
.product.amountwizard {
  background-color: #4A5D6Cff;
}
/* ------------------------------------ Breadcrumps------------------ */
navigation-pills {
  text-align: right;
  font-size:16px;
      text-transform: uppercase;
}
navigation-pills > ul.nav-pills > li > a {
  border-radius:0;
}
.nav-pills > li > a {
    color: #777;
    background-color: white;
      font-variant-caps: caps;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: white;
  color: black;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #337ab7;
    color: white;
    text-decoration: none;
    background-color: white;
  color: black;
}
navigation-pills > ul.nav-pills > li {
  display: inline-block;
  float: none;
}
ul.nav-pills {
  margin-bottom:40px;
}
/*---------------------------------Rahmen gelb bei aktivem Formular Katalog Adressdaten und Katalogtexte ---*/

catalog-form-edit.ng-scope > div:nth-child(1) > div:nth-child(5) > ui-form:nth-child(1) > div:nth-child(1),
catalog-texts-form-edit.ng-scope > div:nth-child(1) > div:nth-child(3) > ui-form:nth-child(1) > div:nth-child(1) {
  /* margin-left: 2px; */
  margin-left: 0px;
  border-left-width: 20px;
  border-left-style: solid;
  border-top-width: 20px;
  border-top-style: solid;
  border-right-style: solid;
  border-right-width: 20px;
  border-bottom-width: 20px;
  border-bottom-style: solid;
  border-color: #f289a0;
}

/* ---------------Balken "Bearbeiten" ---------------------*/
.sw-controls {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000000;
    margin-bottom: 10px;
    margin-top: 10px;
}
.sw-form {
    background-color: #ffffff;
/*  border: 1px solid #777777;*/
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.sw-form-placeholder {
    min-height: 50px;
     background-color: #ffffff;
  border: 1px solid #777777;
}
.sw-brand-entry-logo-image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #777777;
}






/* -----------------------------vorangelegte Snipppets CSS------------------------------*/

.snippet-description { /*alle Info-Boxen links: panel panel-body panel-info"*/
  /*  margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #bce8f1;
    border-radius: 4px;*/
  /*  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
  /*  padding: 15px;*/
}

.snippet-topdescription {
	/*  border-color: #bce8f1;*/
	/* background-color: #ffffff; */
}
.snippet-bottomdescription {
	/*  border-color: #bce8f1;*/
	/* background-color: #ffffff; */
}
.snippet-preform {
	/*  border-color: #bce8f1;*/
	/* background-color: #ffffff; */
}
.snippet-postform {
	/*  border-color: #bce8f1;*/
	/* background-color: #ffffff; */
}
.snippet-signature { /* Signatur in allen Emails*/
	/*color: #24385d;*/
}








/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4taVIGxA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4kaVIGxA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4saVIGxA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4jaVIGxA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4iaVIGxA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4vaVIGxA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4uaVIGxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_rC1chb-.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_rm1chb-.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_rO1chb-.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_r21cg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


