@import '../css/grid.css';
@import '../css/font-awesome.css';
@import url(//fonts.googleapis.com/css?family=Open+Sans:400);
@import url(//fonts.googleapis.com/css?family=Open+Sans:700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic);
@import url(//fonts.googleapis.com/css?family=Economica);
.navigation {
        z-index:999;
        position:relative;
        padding:0;
        font-family:Economica,sans-serif;
        font-weight:400
}
.navigation .sf-menu {
        z-index:990;
        text-align:center;
        position:relative
}
.navigation nav {
        position:relative;
        padding:0
}
.select-menu {
        display:none!important
}
.sf-menu ul {
        position:absolute;
        top:-999px;
        display:none
}
.sf-menu>li>ul>li {
        float:none;
        position:static
}
.sf-menu>li {
        float:left;
        font-weight:300;
        position:relative;
        font-size:24px;
        line-height:52px
}
.sf-menu>li+li {
        margin-left:50px
}
.sf-menu>li+li:after {
        content:'';
        background-color:black; /*<!-- Farbe zwischen den Menüpunten #818080;--> */
        height:5px;
        width:1px;
        height:36px;
        position:absolute;
        left:-25px;
        top:7px
}
.sf-menu>li>a {
        position:relative;
        color:#000;
        text-align:center
}
.sf-menu>li>a.sf-with-ul:after {
        content:'';
        position:absolute;
        width:5px;
        bottom:15px;
        left:50%;
        bottom:-5px;
        pointer-events:none;
        z-index:999;
        width:0;
        height:0;
        border-style:solid;
        border-width:3px 3px 0;
        border-color:#fff transparent transparent
}
.sf-menu>li.sfHover>a,.sf-menu>li.current>a,.sf-menu>li>a:hover {
        color:#DD1816;/* Ausgewählter Menüpunkt   #b878b5 */
}
html {
        width:100%
}
a[href^="tel:"] {
        color:inherit;
        text-decoration:none
}
sss * {
        -webkit-text-size-adjust:none
}
body {
        position:relative;
        background:#eee106; /*<!-- #E1E46f #af9aae;-->  Body Hintergrund - Hintergrundfarbe Unten */
        color:black; /*<!--#636262; -->  Farbe des Textes */
        font:300 18px/24px 'Open Sans',sans-serif
}
.ic {
    border:0;
    float:right;
    background:green; /*<!--#fff;--> */
    color:blue; /*<!--#f00;--> */
    width:50%;
    line-height:10px;
    font-size:10px;
    margin:-220% 0 0 0;
    overflow:hidden;
    padding:0
}
strong {
        font-weight:700
}
address {
        font-style:normal
}
p {
        margin-bottom:24px
}
input,textarea {
        border-radius:0!important;
        outline:0!important;
        -webkit-appearance:none
}
img {
        max-width:100%
}
h1,h2,h3,h4,h5,h6 {
        font-weight:400;
        color:#DD1317; /*<!--#DD1816; Überschriften --> */
        font-family:Economica,sans-serif
        }
h2 {
        font-size:60px;
        line-height:42px;
        margin-bottom:40px
}
h2.inset__1 {
        margin-bottom:38px
}
h3 {
        font-size:48px;
        line-height:42px
}
h3.offset__1 {
        margin-bottom:31px
}
h3.offset__2 {
        margin-bottom:46px
}
h4 {
        font-size:36px;
        line-height:42px
}
h4.inset__1 {
        padding-top:15px;
        margin-bottom:30px
}
ul {
        padding:0;
        margin:0;
        list-style:none
}
.list-1.inset__1 {
        padding-top:0px; /*<!--66px --> */
}
.list-1 li {
        padding-left:25px;
        position:relative
}
.list-1 li:before {
        content:'';
        position:absolute;
        left:0;
        top:2px;
        font:14px/24px FontAwesome;
        color:#DD1816; /*-#af9aae--> */
}
.list-1 li+li {
        margin-top:6px
}
a {
color:#DD1816;
        text-decoration:none;
        <!--color:inherit; -->
        outline:0;
        -webkit-transition:.5s ease;
        transition:.5s ease
}
a:hover {
        color:#DD1816;/*#7e4a7c Hover bei Links */
}
.link-1 {
        font:24px/32px Economica,sans-serif;
        color:#DD1816;<!--#7e4a7c;-->
        display:inline-block;
        margin-top:24px
}
.link-1:hover {
        color:#DD1816; /*-#000 */
}
.mb0 {
        margin-bottom:0!important
}
.m0 {
        margin:0!important
}
.pad0 {
        padding:0!important
}
.img_inner {
        max-width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        margin-bottom:39px;
        margin-top:16px;
        border-radius:0!important
}
.fleft {
        float:left;
        margin-right:28px;
        position:relative;
        /*top:-7px */
}
.oh {
        overflow:hidden
}
.fwn {
        font-weight:400
}
.fright {
        float:right!important
}
.upp {
        text-transform:uppercase
}
.alright {
        text-align:right
}
.ta__center {
        text-align:center
}
.ta__left {
        text-align:left
}
.td__underline {
        text-decoration:underline
}
.ta__right {
        text-align:right
}
.fw_med {
        font-weight:500
}
.wrapper,.extra_wrapper {
        overflow:hidden
}
.clear {
        float:none!important;
        clear:both
}
.oh {
        overflow:hidden
}
.nowrap {
        white-space:nowrap
}
.rel {
        position:relative
}
.main {
        background-color:#eee106; /* Hintergrundfarbe #eee106 #fff108 */
}

header {
        display:block;
        position:relative;
        z-index:999;
        padding:20px 0 28px /*Abstand oberer Rand - drüber */
}



header .rel {
        z-index:999
}
h1 {
        text-align:center;
        position:relative;
        text-transform:uppercase;
        color:#000;
        z-index:999;
        float:left;
        text-align:left;
        font:300 130px/42px 'Open Sans',sans-serif;
        margin-bottom:24px;
        padding:26px 0 0;
        letter-spacing:normal;
        letter-spacing:-3px;
        text-indent:-10px
}
h1 a {
        -webkit-transition:0s ease;
        transition:0s ease;
        color:#000
}
h1 span {
        text-indent:0;
        padding-top:43px;
        text-transform:none;
        display:block;
        letter-spacing:-.5px;
        font-size:14px
}
#content {
        padding-top:0px;
        padding-bottom:0px
}
#content.inset__1 {
        padding-top:0px;/* Abstand zum Menu */
        padding-bottom:0px
}
.page1 header {
        padding-bottom:20px /* Abstand des Fotos auf der ersten Seite zum Menu */
}

/* Abstand oben zum Menu */

.page1 #content {
        padding-top:0px;
        padding-bottom:450px;
}
.banner {
        border:1px solid  black; /*#686868;*/
        text-align:center;
        padding:52px 41px 53px;
        margin:127px 0 136px
}
.banner h4 {
        border-bottom:1px solid black; /*#989797;*/
        padding-bottom:48px
}
.banner .link-1 {
        margin-top:51px
}
.block-1 {
        margin-bottom:41px;
        padding-top:74px
}
.block-1 h4 {
        margin-bottom:24px
}
.bq-1 {
        background-color: black; /*#af9aae;*/
        margin-top:-4px;
        padding:36px 52px 34px
}
.bq-1 h4 {
        color:#fff;
        margin-bottom:28px
}
.bq-1 .ta__right {
        padding-top:38px;
        color: black; /*#80637f;*/
        font:24px/30px Economica,sans-serif
}
.block-2 {
        overflow:hidden;
        margin-bottom:36px
}
.block-2 img {
        float:left;
        margin-right:30px;
        /*margin-top:6px */
}
.block-2 h4 {
        margin-bottom:16px
}
#table-1 {
        margin-top:35px;
        width:100%;
        border:1px solid #6d6c6c;
        color:#000;
        font-size:18px;
        line-height:47px
}
#table-1 tr:nth-child(even) {
        background-color:#c5c4c4
}
#table-1 td {
        padding:0 0 0 37px
}
#table-1 td+td {
        padding-left:0
}
.gall_item {
        margin-top:-2px;
        background-color:#af9aae;
        display:block;
        color:#534b52
}
.gall_item:hover {
        background-color:#000
}
.gall_item .gall_bot {
        padding:32px 32px 16px
}
.gall_item .gall_bot .fa {
        font-size:48px;
        line-height:60px
}
.sep-1 {
        border-top:1px solid #848383;
        padding-bottom:34px
}
.sep-1.offset__1 {
        margin-top:127px;
        padding-bottom:140px
}
.color1 {
        color:#DD1317 /*#DD1816  Band Name + Instrument  */
}
.color1 a:hover,a.color1:hover {
        color:#000
}
.color2 {
        color:#000
}
.white {
        color:#fff
}
.black {
        color:#000
}
.map {
        overflow:hidden;
        padding-top:7px
}
.map figure {
        position:relative;
        display:block;
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        margin-bottom:45px
}
.map figure iframe {
        width:100%;
        height:399px;
        max-width:100%
}
.footer-top {
        color:black;/*#363535; Textfarbe im Footer */
        font-size:14px;
        line-height:24px;
        padding-bottom:33px
}
.footer-top .fa {
        position:absolute;
        top:-4px;
        left:0;
        font-size:30px;
        line-height:40px;
        color:black;/*#6d6c6c Farbe der Bilder im Footer*/
}
.footer-top .fa.fa-envelope {
        font-size:24px;
        top:-7px
}
.address-1 {
        position:relative;
        padding-left:70px
}
.mail-1 {
        position:relative;
        padding-left:66px;
        display:inline-block;
        margin-left:40px
}
.socials {
        text-align:right
}
.socials a {
        position:relative;
        display:inline-block
}
.socials a+a {
        margin-left:55px
}
.socials a+a:before {
        width:1px;
        height:36px;
        background-color:red; /*<!--#818080;--> */
        position:absolute;
        left:-30px;
        top:-5px;
        content:''
}
#footer {
        color:black; /*<!--#ebe1eb; Farbe des Textes unter dem Footer */
        font-size:14px;
        line-height:16px;
        font-weight:400;
        padding:38px 0
}

/* Navigation nach oben. Kann weg. */
#toTop {
        display:none;
        text-decoration:none;
        position:fixed;
        bottom:130px;
        left:51%;
        margin-left:640px;
        border-radius:500px;
        overflow:hidden;
        border:0;
        color:#534b52;
        width:76px;
        height:76px;
        font-size:48px;
        line-height:70px;
        text-align:center;
        z-index:20;
        -webkit-transition:background .5s ease;
        transition:background .5s ease;
        background-color:#af9aae
}
#toTop:hover {
        outline:0;
        background-color:#7e4a7c
}
    html {
    height: 100%
}

body {
    min-height: 101%;
}