/*
Theme Name: FF Flachau
Description: Ein Template für die freiwillige Feuerwehr Flachau/Reitdorf
Author: Christoph Zettl
Author URI: http://zecdesign.at
*/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

* { margin: 0; padding: 0;}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* 960 Gridsystem 12 Spalten */
body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}

/* Textformatierung */
p{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em;}h1{font-size:1.67em;line-height:.9em;margin-top:.9em;margin-bottom:.9em;}h2{font-size:1.5em;line-height:1em;margin-top:1em;margin-bottom:1em;font-weight:bold;}h3{font-size:1.33em;line-height:1.13em;margin-top:1.13em;margin-bottom:1.13em;}h4{font-size:1.17em;line-height:1.29em;margin-top:1.29em;margin-bottom:1.29em;}
strong,b{font-weight:bold;}i,em{font-style:italic;}del{text-decoration:line-through;}small{font-size:.8em;}
code { font-family: 'Courier New', 'Consolas', fixed; } ul { list-style: disc; } ol { list-style: decimal; } li { list-style-position: inside; line-height: 1.2em;}

a, a:link { color: #a1241e; transition: color .5s; -webkit-transition: color .5s; outline: none; }
a:hover { color: #a1241e; }

img {max-width: 100%;}

/* Hilfsklassen */
.clear{clear: both;}.pull-left,.alignleft{float:left;}.pull-right,.alignright{float:right;}
.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}
.row{*zoom:1}.row:after,.row:before{display:table;content:"";line-height:0}.row:after{clear:both}
.col-1 { width: 8.33333% } .col-2 { width: 16.66666%; } .col-3 { width: 25%; } .col-4 { width: 33.33333%; } .col-5 { width: 41.66666% } .col-6 { width: 50%; } .col-7 { width: 58.33333% } .col-8 { width: 66.66666% } .col-9 { width: 75%; } .col-10 { width: 83.33333%; } .col-11 { width: 91.66666% } .col-12 { width: 100%; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,.col-10, .col-11,.col-12 { position: relative; float: left; display: inline; }
.column { padding: 0 15px; box-sizing: border-box; }
.wrapper { min-width: 960px; margin: 0 auto; }
@media all and (min-width: 1200px) { .wrapper { width: 1080px; } }
@media all and (min-width: 1500px) { .wrapper { width: 1280px; } }
.relative { position: relative; }
.noselect,
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    font-family: 'Cabin', sans-serif;
    font-size: 16px;
}

.grey-bg a {
    color: white;
    text-decoration: underline;
}

.red-bg a {
    color: #58585c;
    text-decoration: none;
}

.section {
    border-bottom: 1px solid #aaa;
    padding: 60px 0;
}

.toggle-content {

}

#teaser {
    position: relative;
    border-bottom: 1px solid #aaa;
}

#teaser-outer {
    height: 960px;
    background-image: url(img/bg-header.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#single-teaser-outer {
     height: 300px;
     background-repeat: no-repeat;
     background-position: 50% 0;
 }

#header-outer {
    height: 145px;
    background-color: rgba(0,0,0,.5);
    position: relative;
}

#header h2 {
    color: white;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
}

#nav {
    position: relative;
    bottom: 0;
    height: 56px;
    background-color: #a1241e;
}

#nav ul {
    list-style: none;
    position: relative;
}

#nav ul#main-nav > li {
    float: left;
    position: relative;
}
#nav ul#main-nav > li.menu-item-has-children:after {
    content: " ";
    height: 5px;
    width: 13px;
    display: block;
    position: absolute;
    bottom: 5px;
    left: 50%;
    background: url(img/nav-down-icon.png) 0 0 no-repeat;
    transition: opacity .5s .3s;
}
#nav ul#main-nav > li.menu-item-has-children:hover:after {
    opacity: 0;
}
#nav ul#main-nav li a {
    display: block;
    color: white;
    text-decoration: none;
    background: #a1241e;
    padding: 0 30px;
    font-family: 'Raleway';
    font-size: 18px;
    vertical-align: middle;
    font-weight: 300;
    line-height: 56px;
    text-transform: uppercase;
}
#nav ul#main-nav li:hover > a,
#nav ul#main-nav li.current-menu-item > a,
#nav ul#main-nav li.menu-item-object-custom:hover > a{
    background-color: #86231e !important;
}

#nav ul#main-nav li.menu-item-object-custom > a {
    background: #a1241e !important;
}

#nav ul#main-nav > li > ul {
    transition: opacity .5s;
    opacity: 0;
    position: absolute;
}
#nav ul#main-nav > li > ul > li {
    text-align: center;
}
#nav ul#main-nav > li > ul a {
    font-size: 16px;
    line-height: 40px;
    padding: 0 30px;
    text-transform: inherit;
}
#nav ul#main-nav > li:hover > ul {
    opacity: 1;
}

#logo {
    position: absolute;
    right: 0;
    top: -15px;
    z-index: 1;
}

#teaser-claim {
    background-color: rgba(161,36,30,.85);
    color: #FFF;
    font-size: 50px;
    font-weight: 700;
    font-style: italic;
    position: absolute;
    right: 0;
    width: 50%;
    padding: 12px 25% 12px 25px;
    padding: 12px 25% 12px 25px;
    bottom: 150px;
}

#teaser-claim p {
    line-height: 55px;
    margin: 0;
}

#news.section {
    background: url(img/bg-noise-grey.png) 0 0 repeat #58585c;
    color: #fff;
}

#news-heading,
#veranstaltungen-heading,
#uebungen-heading,
#einsaetze-heading{
    height: 152px;
    position: relative;
    padding: 25px 0 25px 10%;
    overflow: hidden;
}

.heading-inner-text {
    color: #FFF;
    font-family: "Cabin";
    font-size: 40px;
    font-weight: 700;
    text-shadow: 0.5px 0.9px 3px rgba(0, 0, 1, 0.75);
    text-transform: uppercase;
    position: relative;
    top: 60px;
    left: 150px;

}

#news-heading .heading-inner {
    background: url(img/heading-news.png) 0 0 no-repeat;
    height: 152px;
}

#veranstaltungen-heading .heading-inner {
    background: url(img/heading-veranstaltungen.png) 0 0 no-repeat;
    height: 152px;
}

#uebungen-heading .heading-inner {
    background: url(img/heading-uebungen.png) 0 0 no-repeat;
    height: 152px;
}

#einsaetze-heading .heading-inner {
    background: url(img/heading-einsaetze.png) 0 0 no-repeat;
    height: 152px;
}

#news-content {
    padding: 50px 0;
}

.sliderbox {
    position: relative;
    width: 450px;
    height: 300px;
    margin: 48px 60px;
}

.article .heading {
    background-color: white;
    color: #a1241e;
    margin-right: 50%;
    text-align: right;
    padding: 15px 15px 15px 0;
    font-size: 16px;
    margin-bottom: 15px;

}

.article .heading.toggle-heading {
    cursor: pointer;
    padding-right: 50px;
    position: relative;
}

.article .heading.toggle-heading:hover,
.article.active .heading.toggle-heading {
    background-color: #a1241e;
    color: #fff;
}

.article .heading h3 {
    margin: 0;
}

.toggle-arrow {
    position: absolute;
    right: 15px;
    top: 17px;
}

.toggle-image {
    height: 19px;
    width: 16px;
    background: url(img/arrow-toggle-grey.png) 0 0 no-repeat;
    content: "";
    display: block;
}

.article .heading.toggle-heading:hover .toggle-image,
.article.active .heading.toggle-heading .toggle-image {
    background-position: -16px 0;
}

.content {
    font-family: 'Raleway';
}
.content-bg {
    background-color: rgba(255,255,255,.1);
    margin-bottom: 15px;
}

.content .content-inner {
    padding: 1em;
}

#team.section {
    background: url(img/bg-noise-red.png) 0 0 repeat #a1241e;
    color: #fff;
}

#team-heading {
    height: 152px;
    position: relative;
    padding: 25px 0 25px 10%;
    overflow: hidden;
    margin-bottom: 50px;
}

#team-heading .heading-inner {
    background: url(img/heading-mannschaft.png) 0 0 no-repeat;
    height: 152px;
}

.switches {
    position: absolute;
    left: 10%;
    bottom: 5px;
    margin-left: 150px;
}

.button {
    float: left;
    display: block;
    padding: 10px 15px;
    margin: 0 10px 0 0;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Raleway';
}

.red-bg .button,
#teams-switch .button {
    background-color: #fff;
    color: #a1241e;
}

.red-bg .button.active,
.red-bg .button:hover,
#teams-switch .button.active,
#teams-switch .button:hover {
    background-color: #58585c;
    color: #fff;
}

#teams {
    text-align: center;
}

#equipment.section {
    background: url(img/bg-noise-grey.png) 0 0 repeat #58585c;
    color: #fff;
}

#equipment-heading {
    height: 152px;
    position: relative;
    padding: 25px 0 25px 10%;
    overflow: hidden;
    margin-bottom: 50px;
}

#equipment-heading .heading-inner {
    background: url(img/heading-equipment.png) 0 0 no-repeat;
    height: 152px;
}

.grey-bg .button,
#equipments-switch .button {
    background-color: #a1241e;
    color: #fff;
}

.grey-bg .button.active,
.grey-bg .button:hover,
#equipments-switch .button.active,
#equipments-switch .button:hover {
    background-color: #fff;
    color: #a1241e;
}

#footer {
    position: relative;
    color: #fff;
    height: 300px;
}

#footer h3 {
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    padding: .2em 15px;
}

#footer-outer {
    background-image: url(img/bg-footer.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
#footer-content {
    background-color: rgba(88,88,92,.85);
}

#footer-content h2 {
    margin: 10px 0 5px 0;
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: .5em 15px 0 15px;
}

#footer-content p {
    line-height: 1.5em;
    font-size: 14px;
    margin: 0 0 .5em 2px;
    font-family: 'Raleway';
}

#footer-content a {
    color: #fff;
    text-decoration: none;
}

#footer-content ul {
    font-family: 'Raleway';
    list-style: none;
    font-weight: 700;
    letter-spacing: 2px;
}
#footer-content ul li {
    line-height: 1.5em;
    font-size: 14px;
    vertical-align: middle;
    text-transform: uppercase;
}

#footer-content ul li a:before {
    content: "> ";
    line-height: 1.5em;
    position: relative;
    top:-2px;
}

.image-list-item {
    margin: 1%;
    display: block;
    float: left;
    width: 18%;
    text-decoration: none;
}

@media all and (max-width: 960px) {
    .image-list-item {
        width: 31%;
    }
}

.image-list-item img {
    width: 100%;
    height: auto;
}

input[type=text] {
    width: 195px;
    height: 27px;
    background-color: #FFF;
    border: 1px solid #E3E3E3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 0 #FFF;
    -webkit-box-shadow: 0 2px 0 #FFF;
    box-shadow: 0 2px 0 #FFF;
    padding: 0 15px;
}

textarea {
    width: 381px;
    background-color: #FFF;
    border: 1px solid #E3E3E3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 2px 0 #FFF;
    -webkit-box-shadow: 0 2px 0 #FFF;
    box-shadow: 0 2px 0 #FFF;
    padding: 5px 15px;
    font-family: inherit;
    font-size: inherit;
}

input[type=submit] {
    width: 138px;
    height: 30px;
    background-color: #CD1919;
    border: 1px solid #CF5757;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(17, 14, 10, 0.41), inset 0 0 5px rgba(222, 121, 121, 0.41);
    -webkit-box-shadow: 0 1px 0 rgba(17, 14, 10, 0.41), inset 0 0 5px rgba(222, 121, 121, 0.41);
    box-shadow: 0 1px 0 rgba(17, 14, 10, 0.41), inset 0 0 5px rgba(222, 121, 121, 0.41);
    float: left;
    margin-right: 9px;
    color: #FFF;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.bx-wrapper, .bx-viewport, .bx-wrapper img {
    height: 300px !important;
    width: 450px !important;
}

.slider {
    list-style: none;
}
.no-js .slider li {
    display: none;
}
.no-js .slider li:first-child {
    display: block;
}

h5 a {
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Raleway";
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 10px 50px;
    text-transform: uppercase;
    background-color: #a1241e;
    color: #fff !important;
    font-size: 1.5em;
}
h5 a:hover {
    background-color: #fff;
    color: #a1241e !important;
}

div.wpcf7-validation-errors,
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-mail-sent-ok{
    border: none !important;
}

@media all and (max-width: 960px){
    #news-heading,
    #veranstaltungen-heading,
    #uebungen-heading,
    #einsaetze-heading,
    #team-heading,
    #equipment-heading {
        padding: 25px 0 50px 25px !important;
        overflow: hidden;
        height: 226px;
    }
    .wrapper {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    body {
        min-width: 100%;
    }
    #teaser-claim {
        width: 100%;
        position: static;
        box-sizing: border-box;
    }
    .col-6 {
        width: 100%;
    }
    .small-6 {
        width: 50%;
    }
    .switches {
        position: static;
    }
    .article .heading {
        margin: 1em 0;
    }
    .bx-wrapper .bx-prev {
        left: 0 !important;
    }
    .bx-wrapper .bx-next {
        right: 0 !important;
    }
    .sliderbox {
        width: 100%;
        margin: 0;
    }
    #single-teaser-outer {
        height: auto;
    }
    #nav {
        height: auto;
    }
    #nav ul#main-nav {
        margin-top: 2em;
    }
    #nav ul#main-nav > li {
        float: none;
        text-align: center;
    }
    #logo {
        position: relative;
        text-align: center;
        top: 0;
        left: 50%;
        margin-left: -100px;
    }
    #header-outer {
        height: auto;
    }
    #nav ul#main-nav > li.menu-item-has-children:after {
        display: none;
    }
    #nav ul#main-nav > li > ul {
        position: relative;
        opacity: 1;
    }
    textarea {
        width: auto;
    }
    .bx-wrapper, .bx-viewport, .bx-wrapper img {
        height: auto !important;
        width: 400px !important;
    }
    .button {
        margin-bottom: 1em;
    }
}

@media all and (max-width: 400px){
    body {
        min-width: 400px;
    }
    #news-heading,
    #veranstaltungen-heading,
    #uebungen-heading,
    #einsaetze-heading,
    #team-heading,
    #equipment-heading {
        padding: 25px 0 50px 0 !important;
        overflow: hidden;
        height: 226px;
    }
    .heading-inner {
        background-position: -160px 0 !important;
    }
    .heading-inner-text {
        left: 20px;
    }
    .switches {
        margin-left: 20px;
    }

}