/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body, form, figure {
    margin: 0;
    padding: 0
    }
img {
    border: 0
    }
header, footer, nav, section, aside, article, figure, figcaption {
    display: block
    }
body {
    font-size: 100.01%
    }
select, input, textarea {
    font-size: 99%
    }
#container, .inside {
    position: relative
    }
#main, #left, #right {
    float: left;
    position: relative
    }
#main {
    width: 100%
    }
#left {
    margin-left: -100%
    }
#right {
    margin-right: -100%
    }
#footer {
    clear: both
    }
#main .inside {
    min-height: 1px
    }
.ce_gallery > ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
    }
.ce_gallery > ul li {
    float: left
    }
.ce_gallery > ul li.col_first {
    clear: left
    }
.float_left {
    float: left
    }
.float_right {
    float: right
    }
.block {
    overflow: hidden
    }
.clear, #clear {
    height: 0.1px;
    font-size: 0.1px;
    line-height: 0.1px;
    clear: both
    }
.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
    }
.custom {
    display: block
    }
#container:after, .custom:after {
    content: "";
    display: table;
    clear: both
    }
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media (max-width: 767px) {
    #wrapper {
        margin: 0;
        width: auto
        }
    #container {
        padding-left: 0;
        padding-right: 0
        }
    #main, #left, #right {
        float: none;
        width: auto
        }
    #left {
        right: 0;
        margin-left: 0
        }
    #right {
        margin-right: 0
        }
    }
img {
    max-width: 100%;
    height: auto
    }
.ie7 img {
    -ms-interpolation-mode: bicubic
    }
.ie8 img {
    width: auto
    }
.rs-columns {
    clear: both;
    display: inline-block;
    width: 100%
    }
.rs-column {
    float: left;
    width: 100%;
    margin-top: 7.69231%;
    margin-right: 7.69231%
    }
.rs-column.-large-first {
    clear: left
    }
.rs-column.-large-last {
    margin-right: -5px
    }
.rs-column.-large-first-row {
    margin-top: 0
    }
.rs-column.-large-col-1-1 {
    width: 100%
    }
.rs-column.-large-col-2-1 {
    width: 46.15385%
    }
.rs-column.-large-col-2-2 {
    width: 100%
    }
.rs-column.-large-col-3-1 {
    width: 28.20513%
    }
.rs-column.-large-col-3-2 {
    width: 64.10256%
    }
.rs-column.-large-col-3-3 {
    width: 100%
    }
.rs-column.-large-col-4-1 {
    width: 19.23077%
    }
.rs-column.-large-col-4-2 {
    width: 46.15385%
    }
.rs-column.-large-col-4-3 {
    width: 73.07692%
    }
.rs-column.-large-col-4-4 {
    width: 100%
    }
.rs-column.-large-col-5-1 {
    width: 13.84615%
    }
.rs-column.-large-col-5-2 {
    width: 35.38462%
    }
.rs-column.-large-col-5-3 {
    width: 56.92308%
    }
.rs-column.-large-col-5-4 {
    width: 78.46154%
    }
.rs-column.-large-col-5-5 {
    width: 100%
    }
.rs-column.-large-col-6-1 {
    width: 10.25641%
    }
.rs-column.-large-col-6-2 {
    width: 28.20513%
    }
.rs-column.-large-col-6-3 {
    width: 46.15385%
    }
.rs-column.-large-col-6-4 {
    width: 64.10256%
    }
.rs-column.-large-col-6-5 {
    width: 82.05128%
    }
.rs-column.-large-col-6-6 {
    width: 100%
    }
@media screen and (max-width: 900px) {
    .rs-column {
        margin-top: 7.69231%;
        margin-right: 7.69231%
        }
    .rs-column.-large-first {
        clear: none
        }
    .rs-column.-large-last {
        margin-right: 7.69231%
        }
    .rs-column.-large-first-row {
        margin-top: 7.69231%
        }
    .rs-column.-medium-first {
        clear: left
        }
    .rs-column.-medium-last {
        margin-right: -5px
        }
    .rs-column.-medium-first-row {
        margin-top: 0
        }
    .rs-column.-medium-col-1-1 {
        width: 100%
        }
    .rs-column.-medium-col-2-1 {
        width: 46.15385%
        }
    .rs-column.-medium-col-2-2 {
        width: 100%
        }
    .rs-column.-medium-col-3-1 {
        width: 28.20513%
        }
    .rs-column.-medium-col-3-2 {
        width: 64.10256%
        }
    .rs-column.-medium-col-3-3 {
        width: 100%
        }
    .rs-column.-medium-col-4-1 {
        width: 19.23077%
        }
    .rs-column.-medium-col-4-2 {
        width: 46.15385%
        }
    .rs-column.-medium-col-4-3 {
        width: 73.07692%
        }
    .rs-column.-medium-col-4-4 {
        width: 100%
        }
    .rs-column.-medium-col-5-1 {
        width: 13.84615%
        }
    .rs-column.-medium-col-5-2 {
        width: 35.38462%
        }
    .rs-column.-medium-col-5-3 {
        width: 56.92308%
        }
    .rs-column.-medium-col-5-4 {
        width: 78.46154%
        }
    .rs-column.-medium-col-5-5 {
        width: 100%
        }
    .rs-column.-medium-col-6-1 {
        width: 10.25641%
        }
    .rs-column.-medium-col-6-2 {
        width: 28.20513%
        }
    .rs-column.-medium-col-6-3 {
        width: 46.15385%
        }
    .rs-column.-medium-col-6-4 {
        width: 64.10256%
        }
    .rs-column.-medium-col-6-5 {
        width: 82.05128%
        }
    .rs-column.-medium-col-6-6 {
        width: 100%
        }
    }
@media screen and (max-width: 599px) {
    .rs-column {
        margin-right: 7.69231%
        }
    .rs-column.-medium-first {
        clear: none
        }
    .rs-column.-medium-last {
        margin-right: 7.69231%
        }
    .rs-column.-medium-first-row {
        margin-top: 7.69231%
        }
    .rs-column.-small-first {
        clear: left
        }
    .rs-column.-small-last {
        margin-right: -5px
        }
    .rs-column.-small-first-row {
        margin-top: 0
        }
    .rs-column.-small-col-1-1 {
        width: 100%
        }
    .rs-column.-small-col-2-1 {
        width: 46.15385%
        }
    .rs-column.-small-col-2-2 {
        width: 100%
        }
    .rs-column.-small-col-3-1 {
        width: 28.20513%
        }
    .rs-column.-small-col-3-2 {
        width: 64.10256%
        }
    .rs-column.-small-col-3-3 {
        width: 100%
        }
    .rs-column.-small-col-4-1 {
        width: 19.23077%
        }
    .rs-column.-small-col-4-2 {
        width: 46.15385%
        }
    .rs-column.-small-col-4-3 {
        width: 73.07692%
        }
    .rs-column.-small-col-4-4 {
        width: 100%
        }
    .rs-column.-small-col-5-1 {
        width: 13.84615%
        }
    .rs-column.-small-col-5-2 {
        width: 35.38462%
        }
    .rs-column.-small-col-5-3 {
        width: 56.92308%
        }
    .rs-column.-small-col-5-4 {
        width: 78.46154%
        }
    .rs-column.-small-col-5-5 {
        width: 100%
        }
    .rs-column.-small-col-6-1 {
        width: 10.25641%
        }
    .rs-column.-small-col-6-2 {
        width: 28.20513%
        }
    .rs-column.-small-col-6-3 {
        width: 46.15385%
        }
    .rs-column.-small-col-6-4 {
        width: 64.10256%
        }
    .rs-column.-small-col-6-5 {
        width: 82.05128%
        }
    .rs-column.-small-col-6-6 {
        width: 100%
        }
    }
/* main.css */
strong {
    color: #000
    }
h2.KochWinzer {
    clear: both;
    margin-top: 50px;
    padding-top: 50px;
    text-align: center;
    font: 3em Roboto;
    font-weight: 100
    }
.widget-headline {
    clear: both;
    margin-top: 20px;
    margin-bottom: -35px;
    text-align: left;
    font: 1.5em Roboto;
    color: #41ab34;
    text-transform: uppercase;
    font-weight: 100
    }
.rechts img:before {
    border-top: 30px #f00
    }
.cont-img .triangle-topleft {
    width: 0;
    height: 0;
    border-top: 1000px solid white;
    border-right: 350px solid transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
    }
.cont-img .triangle-topright {
    width: 0;
    height: 0;
    border-bottom: 1000px solid white;
    border-left: 350px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
    }
.cont-img-right {
    /*width: 58.33333333%;    margin-left: 41.66666667%;*/
    position: relative;
    overflow: hidden;
    z-index: 0;
    float: right
    }
.cont-img-left {
    /*width: 58.33333333%;    margin-left: 41.66666667%;*/
    position: relative;
    overflow: hidden;
    z-index: 0;
    float: left
    }
.cont-text-left {
    width: 50%;
    float: left;
    text-align: justify;
    padding-right: 5em;
    padding-top: 2em
    }
.cont-text-right {
    width: 50%;
    float: right;
    text-align: justify;
    padding-left: 5em;
    padding-top: 2em
    }
.cont-img {
    width: 50%
    }
.cont-img img {
    width: 100%;
    height: auto
    }
.ce_textbild {
    position: relative;
    overflow: hidden
    }
.ce_textkontakt {
    width: 20%;
    float: left
    }
.ce_textkontakt .cont-img {
    width: auto;
    padding-right: 5px;
    padding-left: 5px
    }
.ce_textkontakt .cont-text {
    margin: -7px 5px 0 5px;
    padding: 20px;
    background: rgba(59, 173, 42, 0.2)
    }
.ce_textkontakt h2 {
    font-size: 0.9em;
    letter-spacing: normal
    }
.ce_textkontakt strong {
    margin-top: -10px;
    margin-bottom: 0;
    color: #000;
    margin-top: -12px;
    margin-bottom: -8px;
    color: #000;
    display: block
    }
.adressbox {
    width: 50%;
    padding: 20px;
    background: rgba(59, 173, 42, 0.2)
    }
.adressbox.rechts {
    float: right
    }
#buchung {
    overflow: visible
    }
.ce_gallery > ul li {
    width: 23%;
    height: 150px;
    margin: 10px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    border-collapse: collapse;
    behavior: url(assets/css3pie/1.0.0/PIE.htc)
    }
.ce_gallery > ul li:hover {
    border-color: #41ab34
    }
.ce_gallery > ul li .image_container, .ce_gallery > ul li a {
    width: 100%;
    height: 100%;
    display: block
    }
.image_container.float_right {
    margin-left: 5em
    }
#buchung label i {
    width: 150px;
    display: block;
    font-style: italic;
    color: #ccc
    }
table tbody tr {
    background: rgba(59, 173, 42, 0.05)
    }
table tbody tr:nth-child(2n + 1) {
    background: rgba(59, 173, 42, 0.13)
    }
#programm table td:nth-child(1) {
    width: 180px;
    color: #41ab34
    }
#programm table td:nth-child(3) {
    width: 150px;
    text-align: right;
    font-weight: bold;
    color: #41ab34
    }
.programm {
    width: 50%;
    padding: 20px;
    background: rgba(59, 173, 42, 0.05)
    }
.programm p {
    margin: 0;
    padding: 0
    }
.programm h3 {
    margin-bottom: 15px;
    font-weight: normal
    }
.ce_downloads li, .ce_downloads ul {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none
    }
.ce_downloads a {
    display: block;
    padding: 10px;
    background: rgba(59, 173, 42, 0.13);
    border: none;
    color: rgba(59, 173, 42, 0.7)
    }
.ce_downloads a:hover {
    background: rgba(59, 173, 42, 0.33)
    }
.ce_downloads i {
    color: #41ab34
    }
.ce_downloads span {
    float: right;
    font-size: 80%;
    font-style: italic
    }
.ce_downloads div.info, .ce_downloads img {
    float: left
    }
.ce_downloads div.info {
    width: 100%;
    padding-left: 220px;
    margin-top: -85px
    }
/* navigation.css */
@media screen and (max-width: 1280px) {
    /* Max1280.css */
    strong {
        color: #000
        }
    h2.KochWinzer {
        clear: both;
        margin-top: 50px;
        padding-top: 50px;
        text-align: center;
        font: 2.5em Roboto;
        font-weight: 100
        }
    .widget-headline {
        clear: both;
        margin-top: 20px;
        margin-bottom: -35px;
        text-align: left;
        font: 1.5em Roboto;
        color: #41ab34;
        text-transform: uppercase;
        font-weight: 100
        }
    .cont-img .triangle-topleft {
        display: none
        }
    .cont-img .triangle-topright {
        display: none
        }
    .cont-img-right {
        width: 100%;
        float: none
        }
    .cont-img-left {
        width: 100%;
        float: none
        }
    .cont-text-left {
        width: 100%;
        float: none;
        text-align: justify;
        padding-right: 0;
        padding-top: 2em
        }
    .cont-text-right {
        width: 100%;
        float: none;
        text-align: justify;
        padding-left: 0;
        padding-top: 2em
        }
    .cont-img {
        width: 100%
        }
    .cont-img img {
        width: 100%;
        height: auto
        }
    .ce_textbild {
        position: relative;
        overflow: hidden
        }
    .ce_textkontakt {
        width: 20%;
        float: left
        }
    .ce_textkontakt .cont-img {
        width: auto;
        padding-right: 5px;
        padding-left: 5px
        }
    .ce_textkontakt .cont-text {
        margin: -7px 5px 0 5px;
        padding: 20px;
        background: rgba(59, 173, 42, 0.2)
        }
    .ce_textkontakt h2 {
        font-size: 0.9em;
        letter-spacing: normal
        }
    .ce_textkontakt strong {
        margin-top: -10px;
        margin-bottom: 0;
        color: #000;
        margin-top: -12px;
        margin-bottom: -8px;
        color: #000;
        display: block
        }
    .adressbox {
        width: 100%;
        padding: 20px;
        background: rgba(59, 173, 42, 0.2)
        }
    .adressbox.rechts {
        float: right
        }
    #buchung {
        overflow: visible
        }
    .ce_gallery > ul li {
        width: 23%;
        height: 150px;
        margin: 10px;
        padding: 20px;
        border: 1px solid #eee;
        border-radius: 10px;
        border-collapse: collapse;
        behavior: url(assets/css3pie/1.0.0/PIE.htc)
        }
    .ce_gallery > ul li:hover {
        border-color: #41ab34
        }
    .ce_gallery > ul li .image_container, .ce_gallery > ul li a {
        width: 100%;
        height: 100%;
        display: block
        }
    .image_container.float_right {
        margin-left: 5em
        }
    #buchung label i {
        width: 150px;
        display: block;
        font-style: italic;
        color: #ccc
        }
    .ce_textkontakt {
        width: 33%;
        margin-bottom: 20px
        }
    .programm {
        width: 100%;
        padding: 20px;
        background: rgba(59, 173, 42, 0.05)
        }
    }
@media screen and (max-width: 768px) {
    /* Max768.css */
    h2.KochWinzer {
        clear: both;
        margin-top: 50px;
        padding-top: 50px;
        text-align: center;
        font: 1.5em Roboto;
        font-weight: 100
        }
    .wrapper.style2 {
        padding: 2em
        }
    #header h1 span {
        display: none
        }
    .ce_gallery > ul li {
        width: 97%
        }
    .ce_textkontakt {
        width: 100%;
        margin-bottom: 20px
        }
    }