@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");


/* latin */
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/roboto-condensed-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


/* Global */

img, media {
    max-width: 100%;
}

.view-galerie img {
height: auto !important;
}

html {
    height: 100%;
    width: 100%;
}


body {
    background-image: url("../images/teller.jpg");
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: center;

    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    color: white;
    margin: 0;
    width: 100%;
    height: 100%;
}

.l-page {
    height: 100%;
    width: 100%;
}


.node__content{
    color: #ffffff;
}

.feed-icon {
    display: none;
}

/* Logo / Header */

.block--superfish-1 .block__title{
    display: none;
}

.field__label{
    display: none;
}

.breadcrumb{
    display: none;
}

header .l-branding {
    clear: none;
    float: left;
    width: 400px;
    max-width: 100%;
    margin: 15px 0 0 0;
}

@media only screen and (max-width: 400px)  {

header .l-branding {
    clear: none;
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}

}


header .l-region--navigation {
    clear: none;
    float: right;
    margin: 1em 0 0 0;
    width: auto;
    font-weight:500;
}


/* Footer */

.views-label{
    display: none;
}

.node__title{
    display: none;
}


#block-superfish-2 {
    float: right;
    font-weight:500;
}

#block-block-1 {
    float: left;
}



.facebook a {
    background: url(../images/facebook.png) 15px bottom no-repeat;
    display: inline-block;
    border: none;
    text-decoration: none;
    font-family: 'Roboto', sans-serif !important;
    font-size: 22px;
    font-weight: 400;
    color: white;
    padding:  15px 15px 0 47px;
    border-top: transparent solid;
}


.facebook a:hover {
    border-top: #fff solid;
}



/* Text */

.field--name-field-text{
    letter-spacing: 0.1px;
}

/* Hauptmenu */

.sf-menu.sf-style-white a, .sf-menu.sf-style-white span.nolink {
    border: none;
    text-decoration: none;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 15px 15px;
    text-align: center;
    border-top: transparent solid;
}

.sf-menu.sf-style-white li, .sf-menu.sf-style-white.sf-navbar {
    background: none;
}

.sf-menu.sf-style-white li:hover, .sf-menu.sf-style-white li.sfHover {
    background:transparent;
}
.sf-menu.sf-style-white a:focus, .sf-menu.sf-style-white a:hover,
.sf-menu.sf-style-white a:active, .sf-menu.sf-style-white span.nolink:hover,
.sf-menu.sf-style-white a.active,
.sf-menu.sf-style-white.sf-navbar li li {
    background: transparent;
    border-top: #ffffff solid;
}

.l-region--highlighted{
    text-align: center;
}

/* Hauptmenü toogle*/
#superfish-1-toggle,#superfish-2-toggle {
    background-color: #FFFFFF;
    border: none;
    color: #ff0000;
    text-decoration: none;
    font-family: 'FontAwesome';
    font-weight:100;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    opacity: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float:right;
}



/*Footermenü toogle*/

/* node */

h1, h2 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 300;
}


h3, h4 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}

h1 {
    padding: 0 0 1em 0;
    margin: 0;
}


.l-main .l-region--sidebar-first, .l-main .l-region--sidebar-second {
    padding: 0 0;
}

.l-region--sidebar-first .block, .l-region--sidebar-second .block, .l-content {
    margin-bottom: 15px;
}

.gdoc-field {
    height: 75vh;
    border-width: 0;
}

.gdoc-field div {
    background-color: transparent;
}

.field--name-field-pdf {
    height: 100%;
}

/* toolbar */

#toolbar {
    position: fixed;
}

/* webform */

.node__submitted{
    display:none;
}

.webform-submit{
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-size: 22px;
    color:#000;
    background-color: #fff;
}

.webform-submit:hover{
    background-color: #ddd;
}

.webform-component-date {
    float: left;
    margin-right: 15px;
}

.form-item{
    border: none;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 22px;
    color: #b3b3b3;
   }

.form-item input, .form-item select, .form-item textarea {
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-size: 16px;
}


#edit-submitted-name, #edit-submitted-e-mail{
    max-width: 100%;
}

.form-item label, .form-actions label {
    color: white;
    display: block;
    font-weight: inherit;
}
/*second sidebar*/

#block-block-2, #block-block-3, .l-content, #block-views-veranstaltungen-block {
    margin: 20px;
}

#block-views-veranstaltungen-block .node__title {
display:block;
text-align:right;
margin: 0;
}

/* Links */


.l-main a:hover{
    text-decoration: none;
    font-style: italic;
}

.l-main a{
    color: #FFFFFF
}

.tabs a {
    color: #000000;
}

/* Tabelle */

table{
    width: 100%;

}

table, tr, td {
    border: 0;
}

/* Veranstaltungen */

.field--name-field-datum, .field--name-field-kategorie {
text-align: right;
}

.node-type-veranstaltung .field--name-field-bild {
float: left;
margin: 0 10px 0 0;}
