/* --- t r i n c h . c o m ---
web  -> http://www.trinch.com
mail -> info@trinch.com
------------------------------ */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}
*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#fancybox-loading,
#fancybox-loading div,
#fancybox-overlay,
#fancybox-wrap,
#fancybox-wrap div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
ul, ol {
    list-style: none;
}
img {
    display: block;
    vertical-align: top;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}

/* standard */
html {
    overflow-y: scroll;
    height: 100%;
}
body {
    min-height: 100%;
    background: #fff;
    font: 16px/24px 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
    color: #000;
}
a {
    color: #c7b53d;
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: underline;
}
input, textarea, select {
    font: 100% 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
    color: #000;
    vertical-align: middle;
}

/* custom selection */
::-moz-selection {
    background: #3a3436;
    background: rgba(58,52,52,0.8);
    color: #fff;
}
::selection {
    background: #3a3436;
    background: rgba(58,52,52,0.8);
    color: #fff;
}

/* miscellaneous */
.clear {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.nizien {
    position: absolute;
    margin-left: -9999px;
}
.hidden { display: none; }
.left { float: left !important; }
.right { float: right !important; }



/*
 *	GENERAL
 */

.wrap {
    width: 100%;
}

.wrapped {
    max-width: 1000px;
    margin: 0 auto;
}
.pad{
    padding: 0 30px;
}

.col-r {
    float: right;
}
.col-l {
    float: left;
}

.subheader-home h1,
.cta h1 {
    margin-bottom: 20px;
    font-family: 'Great Vibes', cursive, serif;
    font-size: 45px;
    line-height: 50px;
    width: 600px;
}
.subheader-home h2,
.cta h2 {
    font-size: 22px;
}

.title {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}
.title h1,
.title h3 {
    margin-bottom: 0;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    padding-bottom: 5px;
    color: #c7b53d;
    text-transform: uppercase;

}
.title h1 {
    font-size: 24px;
}
.title span {
    float: right;
    text-transform: uppercase;
}

.title span.print {
    padding-left: 10px;
}


a.btn {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 3px;
    color: #fff;
    background-color: #c7b53d;
    transition: background-color 0.2s;
    text-decoration: none;
}
a.btn:hover,
a.btn:focus {
    text-decoration: none;
    background-color: #3b3537;
}
a.btn-dark {
    background-color: #3d3739;
}
a.btn-dark:hover,
a.btn-dark:focus {
    background-color: #c7b53d;
}

.backtooverview {
    padding: 3px 5px !important;
}


/*
 *	HEADER
 */

.wrap-header {
    padding: 30px 0 20px 0;
    background-color: #c7b53d;
    border-bottom: 5px solid #3d3739;
}

header {
    padding: 0 30px;
}

.logo-wrapper {
    float: left;
}
a.logo {
    display: inline-block;
}

nav {
    position: relative;
    z-index: 1;
    margin-top: 20px;
}
ul.menu>li {
    display: inline-block;
    margin-left: 20px;
}
ul.menu>li>a {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    transition: 0.1s color;
}
ul.menu>li.sub>a:after {
    content: '▾';
    color: #3d3739;
    margin-left: 10px;
}
ul.menu>li>a:hover,
ul.menu>li>a:active,
ul.menu>li:hover>a,
ul.menu>li.active>a {
    color: #3d3739;
    border-bottom: 2px solid #e8e1af;
    padding-bottom: 8px;
    text-decoration: none;
}

ul.menu>li>ul {
    display: none;
    position: absolute;
    margin-top: -2px;
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
    border-top: 2px solid #e8e1af;
}
ul.menu>li>ul>li {
    border-bottom: 1px solid #ebebeb;
}
ul.menu>li>ul>li>a {
    display: block;
    padding: 10px 15px;
    color: #3d3739;
    text-transform: uppercase;
}
ul.menu>li>ul>li>a:hover,
ul.menu>li>ul>li>a:active,
ul.menu>li>ul>li.active>a {
    color: #c7b53d;
}
ul.menu>li>a:focus + ul,
ul.menu>li:hover>ul {
    display: block;
}

header .social {
    text-align: right;
}
header .social a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    background-image: url('../img/sprite.png');
    background-repeat: no-repeat;
}
.social a.mail 		 	{ background-position: -64px 0; }

.social a.fb:hover,
.social a.fb:active 	{ background-position: -32px 0; }

.social a.mail:hover,
.social a.mail:active 	{ background-position: -96px 0; }



/*
 *	SUBHEADER
 */

.wrap-subheader {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #393335;
    min-height: 120px;
}
.wrap-subheader:before {
    z-index: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(61,55,57,0.35);
    opacity: 0;
    transition: opacity 1s;
}
.wrap-subheader:hover:before {
    opacity: 1;
}
.subheader-inner {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 0 30px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.subheader-page h1 {
    padding: 60px 0;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow:
            0 0 15px rgba(0,0,0,1),
            0 0 2px rgba(57,52,53,1);
}

.subheader-home {
    height: 550px;
    position: relative;
    display: table;
    table-layout: fixed;
}
.intro {
    display: inline-block;
    float: right;
    width: 60%;
    color: #fff;
    text-shadow:
            0 0 15px rgba(0,0,0,1),
            0 0 2px rgba(57,52,53,1);
}
.intro p.lead {
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 5px solid #c7b53d;
    font-size: 18px;
    line-height: 24px;
}
.intro a.btn{
    text-shadow: none;
    box-shadow:
            0 0 20px rgba(0,0,0,0.3),
            0 0 2px rgba(0,0,0,0.5);
}



/*
 *	MAIN
 */

main {
    padding: 30px 0 60px;
}
.wrap-aside main {
    float: left;
    width: 65%;
}

article {
    margin-top: 30px;
    overflow: hidden;
}
section.desc {
    float: right;
    width: 70%;
    padding-bottom: 30px;
}
section.details {
    float: right;
    width: 30%;
    padding-left: 30px;
    font-size: 14px;
}
section.details .map {
    margin-bottom: 15px;
}


/*
 *	ASIDE
 */

aside {
    float: left;
    width: 35%;
    padding: 30px 0 60px 60px;
}
aside .widget {
    margin-bottom: 60px;
}
aside .widget h3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin: 0 0 15px;
    padding-bottom: 5px;
    color: #c7b53d;
    text-transform: uppercase;
    border-bottom: 1px solid #ebebeb;
}
aside .widget p {
    margin-bottom: 15px;
}
aside .widget img {
    max-width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ebebeb;
}



/*
 *	GRID
 */

.grid {
    overflow: hidden;
    padding-left: 30px;
}
.grid .box {
    width: 100%;
    overflow: hidden;
}
.grid .item {
    float: left;
    width: 25%;
    padding-right: 30px;
    margin-bottom: 45px;
}
.grid .item p {
    height: 100px;
}

.grid .item>a {
    display: inline-block;
}
.grid a.btn {
    margin-top: 15px;
    padding: 5px 15px;
}
.grid .item img {
    max-width: 100%;
}


/*
 *	GRID-CAT
 */

.grid-cat .box {
    float: left;
    width: 50%;
    overflow: hidden;
}
.grid-cat .item {
    width: 50%;
}
.grid-cat .item p {
    height: 120px;
}

.grid-cat h3 {
    margin-bottom: 15px;
    color: #d10a11;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.grid-cat img {
    margin-bottom: 5px;
}
.grid-cat a:hover,
.grid-cat a:active {
    text-decoration: none;
}
.grid-cat h3:before {
    content: '» ';
    font-size: 18px;
    font-weight: normal;
}
.grid-cat .item a.btn {
    margin-right: 15px;
}



/*
 *	GRID-KOPEN-LIST
 */

.grid-list .item {
    width: 50%;
    margin: 30px 0;
}
.grid-list .item a.btn {
    margin-right: 15px;
}
.grid-list .item .img-wrapper {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}
.grid-list .item .img-wrapper:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.grid-list .item p.ctafooter {
    height: 110px;
}
.grid-list .item .img-wrapper .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ebebeb;
}
.grid-list .sticker-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
}
.grid-list .sticker {
    position: relative;
    padding: 2px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #c63b34;
}

/*
 *	KOPEN FILTER
 */
.filter h4{
    display: inline-block;
    color: #c7b53d;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
}
.filter ul {
    margin-top: 5px;
    display: block;
}
.filter ul li {
    display: inline-block;
}
.filter ul li a {
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 5px 10px;
    border-radius: 5px;
    color: #3d3739;
    font-size: 15px;
    transition: all 0.2s;
}
.filter ul li a:hover,
.filter ul li a:active {
    color: #fff;
    background-color: #c7b53d;
    text-decoration: none;
}
.filter ul li a.active {
    color: #fff;
    background-color: #3d3739;
}



/*
 *	GRID-THUMB
 */

.grid-thumb .item {
    width: 33.3%;
}
.grid-thumb .item a {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}
.grid-thumb .item a:before {
    content: '';
    display: block;
    padding-top: 70%;
}
.grid-thumb .item-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.grid-thumb .item img {
    max-width: 100%;
}



/*
 *	PAGER
 */

.pager {
    clear: both;
    width: 100%;
    margin-top: 80px;
    text-align: center;
    padding-right: 30px;
}
.pager div {
    text-align: center;
}
.pager ul {
}
.pager ul li {
    display: inline-block;
    margin: 0 5px 5px 0;
}
.pager ul li a,
.pager ul li span {
    overflow: hidden;
    float: left;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
}
.pager ul li a {
    color: #fff;
    background-color: #c7b53d;
    transition: all 0.2s;
}
.pager ul li span {
    color: #9d9fa1;
    background-color: #e7eae1;
}
.pager ul li.first a,
.pager ul li.prev a,
.pager ul li.next a,
.pager ul li.last a {
    font-weight: bold;
    color: #fff;
    background: #c7b53d;
}
.pager ul li.prev a,
.pager ul li.prev span {
    margin-right: 15px;
}
.pager ul li.next a,
.pager ul li.next span {
    margin-left: 15px;
}
.pager ul li a:hover {
    background: #3d3739;
    text-decoration: none;
}
.pager ul li.active a {
    background: #736f70;
}




/*
 *	CTA-SUBSCRIBE
 */

.wrap-cta {
    background-color: #3a3537;
    background-image: url('../img/bg-pat-dark.jpg');
    box-shadow: 0 0 30px rgba(0,0,0,0.2) inset;
}
.cta {
    overflow: hidden;
    color: #fff;
    padding: 30px;
}
.cta .col-l {
    margin-right: 60px;
}
.cta a.btn {
    float: left;
    margin-top: 20px;
    padding: 15px 30px;
    color: #3a3537;
    background-color: #fff;
    font-weight: bold;
}
.cta a.btn:hover,
.cta a.btn:focus {
    color: #000;
    background-color: #c7b53d;
}
.cta a.no-top {
    margin-top: 0;
}




/*
 *	QUOTE
 */

.wrap-quote {
    background-color: #c7b53d;
    background-image: url('../img/bg-pat.jpg');
    box-shadow: 0 0 30px rgba(0,0,0,0.2) inset;
}
.wrap-quote .quote {
    padding: 60px 30px 60px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.quote blockquote {
    margin-bottom: 15px;
    font-size: 28px;
    font-family: 'Nothing You Could Do';
    line-height: 32px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}
.quote blockquote:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 35px;
    background-image: url('../img/ico-quote.png');
    background-repeat: no-repeat;
}
.quote cite {
    display: block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
}



/*
 *	ANDERE PANDEN
 */

.wrap-other {
    padding-top: 30px;
    background-color: #f9f9f9;
}
.wrap-other h2 {
    margin-bottom: 15px;
    margin-left: 30px;
    color: #d10a11;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.wrap-other h2:before {
    content: '» ';
    font-size: 18px;
    font-weight: normal;
}
.wrap-other .grid-list .item {
    width: 33.3%;
    margin: 0 0 60px 0;
    font-size: 13px;
    line-height: 20px;
}
.wrap-other .grid-list .item h3 {
    font-size: 18px;
}



/*
 *	PIC-ALBUM
 */

.pic-album {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
.pic-album .pic {
    float: left;
    width: 50%;
    padding-right: 15px;
    margin-bottom: 15px;
}
.pic-album .pic img {
    max-width: 100%;
    border-radius: 2px;
}
.pic-album .grid-thumb {
    float: left;
    width: 50%;
    padding-left: 0;
}
.pic-album .grid-thumb .item {
    padding-left: 15px;
    padding-right: 0;
    margin-bottom: 15px;
}


/*
 *	SITEMAP
 */
ul.sitemap li {
    margin-bottom: 15px;
}
ul.sitemap ul {
    margin-left: 30px;
}



/*
 *	FOOTER
 */

.wrap-footer {
    overflow: hidden;
    background-image: url('../img/grass.png');
    background-position: bottom center;
    background-repeat: repeat-x;
}
footer {
    position: relative;
    padding: 90px 30px 60px 0;
    font-size: 13px;
}
footer:before {
    content :'';
    display: block;
    position: absolute;
    width: 165px;
    height: 165px;
    bottom: 0;
    right: -165px;
    background-image: url('../img/haan.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}

footer .small {
    color: #898989;
    font-size: 11px;
}

footer .col {
    float: left;
    width: 25%;
    padding-left: 30px;
}

.footer-logo {
    display: inline-block;
    margin-top: 3em;
}

.first-logo {
    margin-right: 3em;
}

.footer-logo img {
    height: 50px;
}


/*
 * Form
 */

.form-col-container{
    *zoom: 1;
    margin-bottom: 20px;
}
.form-col-container:after{
    content: "";
    display: table;
    clear: both;
}
.col-2{
    float: left;
    width: 49%;
    padding: 0 2% 0 0;
}
.col-2-last{
    padding: 0;
}
.col-3{
    float: left;
    width: 32%;
    padding: 0 2% 0 0;
}
.col-3-last{
    padding: 0;
}
.rc-form .inline-label{
    display: inline-block;
    margin-bottom: 10px;
}



/* subscribe page */
.subscribe-wrapper .col{
    float: left;
}
.subscribe-wrapper .col-left{
    text-align: center;
    width: 60%;
}

.subscribe-wrapper .col-right{
    box-sizing: border-box;
    padding-left: 50px;
    padding-top: 50px;
    width: 40%;
}
.subscribe-wrapper .rc-form .field.text,
.subscribe-wrapper .rc-form .field.checkbox,
.subscribe-wrapper .rc-form .field.radiobutton,
.subscribe-wrapper .rc-form .field.dropdown{
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}

.cms {
    color: black;
    text-decoration: none;
}

/*
 * RESPONSIVE
 */

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

    /* HEADER */
    .wrap-header {
        padding-top: 15px;
    }
    header {
        padding: 0 15px;
    }
    header .social {
        display: none;
    }
    .logo-wrapper {
        width: 100%;
        text-align: left;
        padding-right: 150px;
    }
    .logo-wrapper img {
        width: 100%;
    }

    /* WRAP-CATS */
    .wrap-cats .grid-cat {
        width: 100%;
    }
    .wrap-cats .col-r {
        width: 100%;
    }
}

@media only screen and (max-width: 780px){
    .first-logo {
        margin-right: 1em;
    }

}

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

    body,
    .rich-content {
        font-size: 14px;
    }

    /* HEADER */
    .subheader-home {
        height: auto;
        display: block;
    }
    .subheader-inner {
        display: static;
        padding: 30px;
        position: relative;
    }
    .intro {
        width: auto;
    }

    /* GRID */
    .grid .item {
        width: 50%;
    }

    /* GRID-LIST */
    .wrap-other .grid-list .item {
        width: 50%;
    }

    /* GRID-CAT */
    .grid-cat .box {
        width: 100%;
    }

    /*	ASIDE */
    .wrap-aside main {
        float: none;
        width: 100%;
    }
    aside {
        float: none;
        width: 100%;
        padding: 0;
    }

    /* KOPEN-DETAIL */
    section.desc {
        width: 50%;
    }
    section.details {
        width: 50%;
    }

    /* FOOTER */
    footer {
        padding-top: 30px;
    }
    footer .col {
        width: 33.3%;
        margin-bottom: 30px;
    }
    footer .col-last{
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    footer ul li {
        display: inline-block;
        margin: 0 15px;
    }

    /* CTA */
    .subheader-home h1,
    .cta h1 {
        margin-bottom: 15px;
        font-size: 38px;
        line-height: 40px;
    }
    .cta h2 {
        font-size: 16px;
    }
    .cta {
        text-align: center;
    }
    .cta .col-l {
        margin-right: 0;
    }
    .cta a.btn {
        float: none;
        margin: 15px auto 0;
        padding: 10px 20px;
    }
}

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

    /* GRID */
    .grid .item {
        width: 100%;
    }

    /* GRID-LIST */
    .wrap-other .grid-list .item {
        width: 100%;
    }

    /* KOPEN-DETAIL */
    section.desc {
        width: 100%;
    }
    section.details {
        width: 100%;
        padding-left: 0;
        margin-bottom: 30px;
    }

    /* WRAP-CATS */
    .wrap-cats .grid-cat .item {
        width: 100%;
    }

    /* PIC-ALBUM */
    .pic-album .pic {
        width: 100%;
        margin-bottom: 15px;
    }
    .pic-album .grid-thumb {
        width: 100%;
    }
    .pic-album .grid-thumb .item {
        padding-left: 0;
        width: 33.3%;
        padding-right: 15px;
        margin-bottom: 10px;
    }


    /* FOOTER */
    footer .col {
        width: 100%;
    }


}

@media only screen and (max-width: 360px){ /* fullwidth menu button */
    header .col-r {
        width: 100%;
    }
    .logo-wrapper {
        text-align: center;
        padding-right: 0;
    }
    .logo-wrapper img {
        margin: 0 auto;
        max-width: 230px;
    }


    /* PIC-ALBUM */
    .pic-album .grid-thumb .item {
        padding-left: 0;
        width: 50%;
        padding-right: 15px;
    }
}






/*
 *	RESPONSIVE NAV
 */

#toggle,
.toggle {
    display: none;
}

@media only screen and (max-width: 850px){
    nav {
        margin-top: 10px;
    }
    ul.menu {
        position: absolute;
        display: none;
        opacity: 0;
        top: 50px;
        right: 0;
        z-index: 9999;
        margin: 0;
    }
    ul.menu > li {
        display: block;
        clear: both;
        width: 100%;
        margin-left: 0;
        border-bottom: 1px solid #ebebeb;
    }
    ul.menu > li > a {
        display: block;
        width: 100%;
        padding: 15px;
    }
    ul.menu>li>a:hover,
    ul.menu>li>a:active,
    ul.menu>li:hover>a,
    ul.menu>li.active>a {
        color: #c7b53d;
        border-bottom: 0;
        padding-bottom: 15px;
        padding-left: 13px;
        border-left: 2px solid #c7b53d;
    }

    .toggle {
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }
    #toggle:checked + div .menu { display: block; opacity: 1;}

    ul.menu>li>a:focus + ul,
    ul.menu>li:hover>ul {
        display: none;
    }
    ul.menu>li.sub a:after {
        content: none;
    }
}


/*--------------------------------
Presentation Styles (Editable)
---------------------------------*/

.toggle{
    position: absolute;
    top: 50%;
    right: 0;
    height: 45px;
    padding: 0 15px 0 53px;
    color: #fff;
    background-color: #3d3739;
    line-height: 45px;
    font-size: 18px;
    border-radius: 3px;
}
.toggle:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
    width: 25px;
    height: 2px;
    background: #fff;
    box-shadow:
            0 8px 0 0 #fff,
            0 16px 0 0 #fff;
}
.toggle:hover {
    color: #3d3739;
    background-color: #fff;
}
.toggle:hover:before {
    background: #3d3739;
    box-shadow:
            0 8px 0 0 #3d3739,
            0 16px 0 0 #3d3739;
}

@media only screen and (max-width: 850px){
    ul.menu {
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,.3);
    }
    ul.menu>li>a {
        color: #3d3739;
    }
    ul.menu>li.active>a,
    ul.menu>li>a:hover,
    ul.menu>li>a:active,
    ul.menu>li:hover>a {
        box-shadow: none;
    }

    ul.menu>li.home {
        display: none;
    }

    .toggle:after {
        content: attr(data-open);
        display: block;
    }
    #toggle:checked + div .toggle:after{
        content: attr(data-close);
    }
}

@media only screen and (max-width: 360px){
    .toggle {
        position: static;
        left: 0;
        width: 100%;
    }
    ul.menu {
        left: 0;
        right: 0;
    }
}

.detailrow {
    font-size: 14px;
    padding: 5px;
}
.detailrow:nth-child(odd) {
    background: #eaeaea;
}



.verlof{
    background: #3a3537;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    font-weight: 18px;
    line-height: 40px;
    padding-bottom: 5px;
}