/* atkinson-hyperlegible-regular - latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/atkinson-hyperlegible-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/atkinson-hyperlegible-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/atkinson-hyperlegible-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/atkinson-hyperlegible-v10-latin-regular.svg#AtkinsonHyperlegible') format('svg'); /* Legacy iOS */
}

/* atkinson-hyperlegible-italic - latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/atkinson-hyperlegible-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/atkinson-hyperlegible-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/atkinson-hyperlegible-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/atkinson-hyperlegible-v10-latin-italic.svg#AtkinsonHyperlegible') format('svg'); /* Legacy iOS */
}

/* atkinson-hyperlegible-700 - latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/atkinson-hyperlegible-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/atkinson-hyperlegible-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/atkinson-hyperlegible-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/atkinson-hyperlegible-v10-latin-700.svg#AtkinsonHyperlegible') format('svg'); /* Legacy iOS */
}

/* atkinson-hyperlegible-700italic - latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/atkinson-hyperlegible-v10-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/atkinson-hyperlegible-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/atkinson-hyperlegible-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/atkinson-hyperlegible-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/atkinson-hyperlegible-v10-latin-700italic.svg#AtkinsonHyperlegible') format('svg'); /* Legacy iOS */
}

 
 
i, em {font-family:'Atkinson Hyperlegible'; font-style:italic;}
 
 
* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
 
 
 
input::placeholder {
    color: #000; opacity: 1;font-family:'Atkinson Hyperlegible', sans-serif; font-size:22px; 
}
 


/**::-webkit-input-placeholder {
    color: #1f1f1f;font-size:14px;opacity: 1;font-family:'Atkinson Hyperlegible', sans-serif; font-size:18px; 
}
*:-moz-placeholder {
  
    color:  #1f1f1f;font-size:14px;opacity: 1;font-family:'Atkinson Hyperlegible', sans-serif; font-size:18px; 
}
*::-moz-placeholder {

    color:  #1f1f1f;font-size:14px;opacity: 1;font-family:'Atkinson Hyperlegible', sans-serif; font-size:18px; 
}
*:-ms-input-placeholder {
 color:  #1f1f1f;font-size:14px;opacity: 1;font-family:'Atkinson Hyperlegible', sans-serif; font-size:18px; 
}
  */
  
  
 
 
 
 
.form-group input::placeholder {
    color: #666666; opacity: 1;font-family:'Atkinson Hyperlegible', sans-serif; font-size:16px; 
}
  .form-group  {padding: 16px 10px 4px 10px;}
  
 .form-group input {width: 100%; height: 50px; border: 2px solid #000; background: #F0F0F0; padding: 0px 0px 0px 10px;  line-height: 50px; font-size:16px; color:#000;}
 
 .frame-type-form_formframework h2 {display:none;  }
 
 
 .form-group textarea {width: 100%; height: 200px; border: 2px solid #000; background: #F0F0F0; padding: 0px 0px 0px 10px;  line-height: 28px; font-size:16px; color:#000;}
 
 div.btn-group  {padding: 16px 10px 10px 10px;}
 
 .btn-group .btn {width: 100%; height: 50px; border: 2px solid #000; background: #000; padding: 0px 0px 0px 10px;  line-height: 50px; font-size:22px; color:#fff;} 
 
 
 
.frame-type-form_formframework label { 
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


 
select::-ms-expand {
  display: none;
}
select {
display: inline-block;
box-sizing: border-box;
padding: 0 2em 0 0.5em;
border: 1px solid #eee;
font: inherit;
  font-size: inherit;
  line-height: inherit;
line-height: 48px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-repeat: no-repeat;

background-image:url(../images/icons/next.svg);

background-position: right 10px center; 
background-size: 20px auto; 
/*background-image: linear-gradient(45deg, transparent 50%, #999999 50%), linear-gradient(135deg, #999999 50%, transparent 50%);
background-position: right 15px top 1em, right 10px top 1em;
background-size: 8px 8px, 8px 8px;


*/background-color: #fff;
border: 2px solid #000;
width: 100%;
font-size: 16px;
transition: all 0.3s easeIn;
-moz-transition: all 0.3s easeIn;
-o-transition: all 0.3s easeIn;
  
}




body { font-family:'Atkinson Hyperlegible', sans-serif; color:#000;font-size:18px; }
 
a { 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none; 
}

a {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}


div.links a:hover {color:#A020F0;text-decoration:none;}

#page .contentwrapper section.textblock  a {color:#000;text-decoration:underline;}
#page .contentwrapper section.textblock   a:hover {color: #A020F0;text-decoration:underline;}


.contentwrapper .textblock ul  {margin:16px 0px 16px 0px;padding:0;list-style-type:disc;padding-left: 30px;}

.contentwrapper .textblock ol {margin:16px 0px 16px 0px;padding:0;padding-left: 30px;}


.contentwrapper .textblock  li {color:#000; padding-left:5px;  }


p, .contentwrapper .textblock  li {font-size:12px;  line-height:14px; font-weight:500;font-family:'Atkinson Hyperlegible', sans-serif; }

p.bigtext, .intro p {
font-size:18px;  line-height:21px; 
}

.listitem a, .a_z_liste button, .listitem p {font-size:15px;  line-height:18px;   }
 
 .p-rtl {direction: rtl;}
 
 
.boldtext, b, strong {font-weight:700;}

.small {font-size:10px;}


#logo {font-size:30px; font-weight: 700; }

h1 { text-transform:uppercase; font-weight: 700;
font-size:17px;line-height:19px;
margin:0px; 
}
 
 
.start h1 , h1.black{background: #000; color: #fff;margin: 10px 0px 10px 0px;padding: 8px 10px 8px 10px;}
 
/*h1 + .grid {margin-top:-10px;}
*/

 
h2 { text-transform:uppercase;  font-weight: 700;
font-size:17px;line-height:19px;
margin:0px; 
}

section.text h2 {border-bottom: 2px solid #000;}
 

h1 + h2  {margin-top:22px;}

p + h2  , ul + h2 , ol + h2 {margin-top:22px !important; border-top: 2px solid #000;}
 

     
p { margin-bottom: 8px;} 


h3 { text-transform:uppercase;  font-weight: 500;
font-size:12px;line-height:14px;
margin:0px; 
}


.event p.date { text-transform:uppercase;  font-weight: 500;
font-size:12px;line-height:14px;
margin:0px; padding-bottom: 0px;
}

.event p.artistinfo {  font-weight: 500;
font-size:15px;line-height:18px;margin:0px;  
}

.event p.addinfo , .artist .col30 p.addinfo {  font-weight: 500;
font-size:10px;line-height:12px;margin:0px; border-bottom: 2px solid #000;

}

.showall, .sharebuttons span , .sharebuttons button { font-weight: 500;
font-size:10px;line-height:12px;}

.event p { margin-bottom: 0px;} 


	
#sub-nav li a {font-size: 18px; line-height: 22px; white-space: nowrap;  text-transform: lowercase;}
.booknav span {  font-size: 18px; text-transform: lowercase;}

@media all and (min-width: 480px){ 
	
#logo {font-size:53px; } 
}


   
@media all and (min-width: 960px){
	
	 
.form-group input::placeholder {font-size:22px;  }

 .form-group input { line-height: 50px; font-size:22px; }
 select ,  .form-group textarea{font-size: 22px;}
 
.form-group  {padding: 16px 10px 4px 0px;}
div.btn-group  {padding: 16px 10px 10px 0px;}
 
input::placeholder {
    color: #000; opacity: 1;font-family:'Atkinson Hyperlegible', sans-serif; font-size:30px; 
}	
	
#sub-nav li a {font-size: 25px; line-height: 31px; line-height: 51px;height: 51px;
/*wg pixel-offset*/
line-height: 49px;height: 49px;
 
display: block;}

#sub-nav li.breadcrumb a {text-transform:none;}

.booknav span {  font-size: 25px;text-transform: lowercase;}

footer .booknav span {  font-size: 22px;text-transform: lowercase;}




p, #page li {font-size:22px;  line-height:28px; font-weight:500; }
	
p.bigtext, .intro p   {font-size:33px;  line-height:40px;  }

 .listitem a, .a_z_liste button {font-size:26px;  line-height:32px;   }
 
	
#logo {font-size:63px; } 


h1 { text-transform:uppercase;  font-weight: 700;
font-size:30px;line-height:34px;
margin:0px; 
}
 
 
 .start h1 {background: #000; color: #fff;margin: 10px 10px 10px 10px;padding: 8px 10px 8px 10px;}
 
 


 
h2 { text-transform:uppercase;  font-weight: 700;
font-size:30px;line-height:34px;
margin:0px; 
}

h3 { text-transform:uppercase;  font-weight: 500;
font-size:22px;line-height:27px;
margin:0px; 
}

.event p.date{ text-transform:uppercase;  font-weight: 500;
font-size:22px;line-height:27px;
margin:0px;  padding-bottom: 0px;
}

.event p.artistinfo {  font-weight: 500;
font-size:26px;line-height:33px;margin:0px; 
}


.event p.addinfo, .artist .col30 p.addinfo  {  font-weight: 500;
font-size:19px;line-height:24px;margin:0px; 
}

.event p.supportedby {  font-weight: 500;
font-size:19px;line-height:24px;margin:0px; 
}


.showall, .sharebuttons span , .sharebuttons button{ font-weight: 500;
font-size:19px;line-height:24px;}


} 
