/*
Theme Name: Sigi Dev
Theme URI: http://wordpress.org/themes/twentytwelve
Author: contenance
Author URI: http://wordpress.org/
Description: Sigi Gall Theme von contenance
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
body {
    font-family: Soleil;
    color:  #515154;
    font-weight: 300;
}
#page{
    max-width: 1440px;
    margin: 0 auto;
}/*
#page.container-fluid{
    padding-left: 0;
    padding-right: 0;
}*/
.sigi-logo {
    background-color: #ddded9;
    float: left;
    width: 37%;
    height: 88px;
    padding-left: 16%;
}
.sigi-logo img{
    margin-top: 12px;
}
.main-navigation {
   background-color: #ddded9;
   /* background-color:rgba(0,0,0,0.3);*/
    width: 59%;
    float: left;
    height: 88px;
}
.main-navigation ul li{
    float: left;
    list-style: none;
}
.main-navigation ul li a{
    color:  #515154;
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 27px;
    font-weight: 300;
}
.main-navigation ul .current-menu-item a{
    font-weight: 700;
}
.contentBigImage img,
.tile img{
    width: 100%;
}
.contentBigImage img{
    margin-bottom: 18px;
}
footer{
    background-color: #ddded9;
    padding-top: 25px;
    font-size: 16px;
    padding-bottom: 25px;
}
.footer-left{
    float: left;
}
.imagesContainer{
    margin-bottom: 45px;
}
.contact,
.newsletter-icon {
    font-family: Soleil;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 22px;
    display: block;
    margin-bottom: 15px;
}
.contact{
    background: url('images/house.png') no-repeat left 7px;
    background-size: auto 16px;
}
.newsletter-icon{
    background: url('images/email.png') no-repeat left 7px;
    background-size: auto 16px;
}
.block-contact{
   /* margin-right: 24%;*/
}
.block-newsletter{
   /* margin-right: 4%;*/
}
.link-imprint{
    display: block;
    text-transform: uppercase;
    text-decoration: underline;
    color: #515154;
    margin-top: 9px;
}
.current_page_item{
    font-weight: 700;
}
.nav-menu{
    margin-top: 30px;
}
.event-wrap{
    margin-top: 22px;
}
.contact-block .footer-left,
.newsletter-block .footer-left{
    width: 50%;
}
.entry-content{
    margin-bottom: 1px;
}
.site-header{
    background-color: #ddded9;
}
.cubeleft{
    background-color:  rgba(68, 220, 216, 0.64);
    height: 372px;
    margin-bottom: 49px;

    text-transform: uppercase;
    color:  #ffffff;
    font-size: 41.11px;
    font-weight: 700;
    width: 100%;
    display: table;
    text-align: center;

}
.cuberight{
    background-color:  rgba(242, 222, 83, 0.64);
    height: 372px;
    margin-bottom: 49px;
    text-transform: uppercase;
    color:  #ffffff;
    font-size: 41.11px;
    font-weight: 700;
    width: 100%;
    display: table;
    text-align: center;

}
.cl{
    padding-right: 0;
}
.cr{
    padding-left: 0;
}
header{
    margin-bottom: 145px;
}
h1 {
    font-family: Soleil;
    color: #000000;
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;

}
.cubeleft a,
.cuberight a{
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
}

.cubeleft a:hover,
.cuberight a:hover{
    text-decoration: none;
}
.cite{
    font-size: 18px;
    font-weight: 300;
}
.dude {
    font-size: 14px;
}
.Home header{
    margin-bottom: 0;
}


.event-grid:after{
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;

}


.nav-menu ul{
    padding-left: 0;
}
.nav-menu ul:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

span.day{
    color: #515154 !important;
}
/* 121212121212121 =Event Grid
-------------------------------------------------------------- */
.event-grid .event,
.event-grid .event:hover {
    float: left;
    padding: 0;
    width: 150px;
    height: 150px;
    text-align: center;
    border-bottom: 2px solid #29b298;;
    vertical-align: middle;
}
footer{
    margin-top: 90px;
}
.event-grid .event:hover {
    background-color: #D0D7E8;
}

.event-grid .event.event-month {
    display: none;
}

.Termine header{
    margin-bottom: 115px;
}
.event-grid .event.event-month:hover {
    background: transparent;
}

.event-grid .event.event-month a,
.event-grid .event.event-month a:focus{
    font-size: 40px;
    line-height: 1em;
    text-align: center;
    color: #29b298;
    height: 125px;
    padding-top: 25px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    cursor: default;
    outline: none;
}

.event-grid .event.event-month a:hover {
    /*background-color: #e2007a;
    color: #ffffff;*/
}

.event-grid .event-ticket-url a {
    white-space:pre-wrap;
}

.event-grid .event.event-month a span {
    display: block;
    text-transform: uppercase;
    line-height: 1em;
}

.event-grid .event.event-month a span:first-child {

}

.event-grid .event.continue,
.event-grid .event.continue:hover {
    display: block;
    font-size: 20px;
    line-height: 1em;
    text-align: center;
    color: #ffffff;
    background-color: #29b298;;
    height: 150px;
    padding-top: 50px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    overflow: hidden;
}

.event-grid .event {
    text-decoration: none;
    vertical-align: top;
    display: block;
    position: relative;
}

.event-grid .event span {
    margin-bottom: 8px;
    display: inline-block;
}

.event-grid .event .day {
    font-size: 54px;
    line-height: 1;
    font-weight: bold;
    color: #29b298;;
    margin-top: 15px;
}

.event-grid .event:hover .day {
    color: #ffffff;
}

.event-grid .event .time {
    background-color: transparent;
    border-radius: 10px;
    font-size: 11px;
    text-transform: uppercase;
    color: #29b298;;
    padding: 0 8px;
}

.wpcf-field-event-time span {
    margin-bottom: 0 !important;
}

.event-grid .event:hover .time {
    background-color: #ffffff;
    color: #D0D7E8;
}

.event-grid .event .program {
    color: #29b298;;
    font-size: 11px;
}

.event-grid .event:hover .program {
    color: #ffffff;
}

.event-grid .event .event-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 11px;
    padding: 10px;
    width: 130px;
    height: 130px;
    text-align: center;
    background: transparent;
    opacity: 0.9;
    color: #000000;
    font-size: 11px;
}

.event-grid .event .event-overlay a {
    color: #29b298;
    text-decoration: none;
    font-size: 11px;
}

.event-grid .event span.va-status {
    display: none;
    background-color: red;
    color: #fff;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    font-size: 11px;
}
.event-list .event span.va-status {
    background-color: red;
    color: #fff;
    padding: 0 8px;
    text-align: center;
    border-radius: 10px;
    font-size: 11px;
}

.event-grid .event .event-overlay a:hover {
    text-decoration: underline;
}

.event-grid .event .event-overlay .status0,
.event-grid .event .event-overlay .status2 {
    background-color: red;
    color: #fff;
}

.event-grid .event .event-overlay .status3 {

}

.event-grid .event .event-overlay .status1 {
    background-color: orange;
    color: #fff;
}

.event-grid .event .event-overlay p {
    margin-bottom: 8px !important;
}

/* =Event List
-------------------------------------------------------------- */
.fixMe {
    position: fixed;
    top: 10px;
    width: 270px;
}
.event-list-sidebar {
    float: left;
    width: 270px;

}
.event-list-sidebar form select {
    font-size: 14px;

}
.event-list-sidebar #calendar {
    display: none;
}
.event-list-sidebar .ui-datepicker-month {

}
.event-list-sidebar .ui-datepicker-month:hover {
    text-decoration: none;
}
.event-list-sidebar #calendar td,
.event-list-sidebar #calendar th {
    text-align: center;
    padding: 8px;
    font-size: 13px;
    border-bottom: 2px solid #0C3182;
}
.event-list-sidebar #calendar td.highlight:hover {
    background-color: #29b298;
}
.event-list-sidebar #calendar .highlight {
    background-color: #0C3182;
    cursor: pointer;
    color: #fff;
}
.event-list-sidebar #calendar .ui-datepicker-header {
    text-align: center;
}
.event-list-sidebar #calendar .ui-datepicker-header * {
    font-size: 15px;
}
.event-list-sidebar #calendar .ui-datepicker-header .ui-datepicker-prev {
    float: left;
    cursor: pointer;
    white-space: nowrap;
}
.event-list-sidebar #calendar .ui-datepicker-header .ui-datepicker-next {
    float: right;
    cursor: pointer;
    white-space: nowrap;
}
.event-list-sidebar #calendar .ui-datepicker-other-month span {
    display: none;
}
.event-list {
    float: right;
    margin-left: 50px;
    width: 580px;
}

.event-list .event {
    overflow: hidden;
    margin-bottom: 50px;

}

.event-list .event:after {
    clear: both;
    content: " ";
    visibility: hidden;
    display: table;
    float: none;
}

.event-list .event-square,
.event-list .event-square:hover {
    float: left;
    padding: 0px;
    width: 150px;
    height: 150px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    display: block;
    position: relative;
    background-color: #0C3182;
}

.event-list .event-square span {
    margin-bottom: 8px;
    display: inline-block;
}

.event-list .event-square .month {
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 15px;
}

.event-list .event-square .day {
    font-size: 54px;
    line-height: 1;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 0;
}

.event-list .event-square .time {
    background-color: #FFFFFF;
    border-radius: 10px;
    font-size: 11px;
    text-transform: uppercase;
    color: #666666;
    padding: 0 8px;
}

.event-list .event-square .detaillink a {
    color: #FFFFFF;
    font-size: 11px;
}

.event-list .event-content {
    float: left;
    width: 430px;
}

.event-list .event-image {
    width: 100%;
    overflow: hidden;
}
.event-list .event-image img {
    display: block;
    height: auto;
    width: 100%;
}

.event-list h2.event-title {
    font-weight: normal;
    padding: 0 20px;
    margin: 10px 0;
}

.event-list h2.event-title a {
    color: #444;
}

.event-list h2.event-title a:hover {
    text-decoration: none;
}

.event-list .event-meta {
    background-color: #EFEFEF;
    padding: 5px 20px;
    font-size: 12px;
    text-align: left;
}

.event-list .ticket-order {
    padding: 0 20px;
    margin: 5px 0 0;
}

.event-list .event-program-excerpt {
    padding: 0 20px;
    display: none;
}


.calendar-filter {
    background-color: #ddded9;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.calendar-filter div {
    display: inline-block;
    margin: 0 10px;
}

.calendar-filter div select {
    width: 180px;
    font-size: 16px;
}

.calendar-filter div input,
.calendar-filter div input:focus
.calendar-filter div input:active,
.calendar-filter div input:hover {
    padding: 0 10px;
    height: 35px;
    color: #333;
    background-color: #d15cc2;
    background-image: none;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    line-height: 16px;
    color:#FFFFFF;
    text-transform: uppercase;
    box-sizing: border-box;
    margin: 8px 0 7px;
    box-shadow: none;
}


@media (max-width: 768px) {
    .sigi-logo {
        padding-left: 0 !important;
        width: 21% !important;

    }
    .arrowRight{
        text-align: right;
    }
    .cubeleft,
    .cuberight{
        margin-bottom: 30px;
    }
    h1{
        margin: 30px 0 !important;
    }
    .Home header{
        margin-bottom: 0 !important;
    }
    header{
        margin-bottom: 40px !important;
    }
    .imagesContainer{
        margin-bottom: 10px;
    }
    .Home .contentBigImage img{
        margin-bottom: 30px !important;
    }
    .arrows{
        margin-top: 30px;
        height: 48px;
        margin-left: 22%;
    }
    .t-hidden{
        display: none;
    }
    .showMobile{
        display: inline !important;
    }
    .event-grid .event, .event-grid .event:hover{
        width: 187px;
    }
    .main-navigation ul li a{
        margin-left: 16px !important;
    }
    .main-navigation{
        width: 79% !important;
        padding-top: 12px;
    }
    .sigi-logo img{
        width: 100% !important;
        margin-top: 24px;

    }
    .imgText a span{

        font-size: 30px !important;


    }
    .bigMarginBottom .text-rt{
        display: none;
    }
    .bigMarginBottom{
        margin-bottom: 56px !important;
    }
    .cl, .cr{
        padding-left: 0;
        padding-right: 0;
    }
    body {

        margin-bottom: 0 !important;
    }
    .event-grid{
        margin: 0 9px !important;

    }
    .main-navigation li a{
        font-size: 18px !important;
    }
    .nav-menu {
        margin-top: 22px !important;
    }
    footer{
        margin-top: 50px;
    }

}
@media (max-width: 1024px) {
    .sigi-logo {
        padding-left: 0 !important;
        width: 27% !important;
    }
    .main-navigation{
        width: 73% !important;
    }
    #wpv_control_ort {
        width: 66%!important;
    }



}
@media (max-width: 420px) {
    body{
        margin-bottom: 0 !important;
    }
    .arrows{
        height: 27px;
    }
    .event-grid .event, .event-grid .event:hover{
        width: 150px;
    }
    .main-navigation{
        display: none !important;
    }

    .sigi-logo {
        padding-left: 0 !important;
        width: 57% !important;

    }
    .event-grid .event, .event-grid .event:hover{
        width: 50% !important;
    }
    .nav-icon{
        display: block !important;
        width: 63px;
        height: 48px;
        float: right;
        background: url('images/menu55.png') no-repeat center center;
    }
    .nav-icon.tc{
        background-color: #636363 !important;
    }
    .cites {
        margin-bottom: 15px !important;
    }
    .calendar-filter div{
        display: block !important;
    }
    .calendar-filter {
        height: 140px !important;
        padding-top: 23px;
    }

    .noBorder p{
        border-bottom: none !important;
    }
    .cl, .cr{
        padding: 0 !important;
    }
    .cubeleft{
        margin-bottom: 0 !important;
    }
    .vertical{
        height: 50px !important;
    }
    .image-wrap{
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    h1{
        font-size: 30px !important;
    }
    header {
        margin-bottom: 52px !important;
    }
    .mobileBottom{
        margin-bottom: 23px !important;
    }

}
.image-wrap{
    float: left;
    width: 33.3%;
    position: relative;
    margin-bottom: 18px;
}
.image-wrap p{
    display: none;
}
.image-wrap img{

    width: 100%;

}
.imgText{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.imgText a{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}
.imgText a span{
    display: table-cell;
    vertical-align: middle;
    font-family: Soleil;
    color:  #ffffff;
    font-size: 41px;
    font-weight: 700;
    text-transform: uppercase;

}
.w1 a span{
    background-color:  rgba(204, 66, 186, 0.64);
}
.w2 a span{
    background-color:  rgba(68, 220, 216, 0.64);
}
.w3 a span{
    background-color:  rgba(242, 222, 83, 0.64);
}
.w4 a span{
    background-color:  rgba(131, 208, 245, 0.64);
}
.w5 a span{
    background-color:  rgba(253, 200, 100, 0.64);
}
.w6 a span{
    background-color:  rgba(3, 50, 108, 0.64);
}
.imgText a:hover{
    text-decoration: none;
}
/*
.image-wrap img{
    width: 100%;
}*/
h1.green{
    color:  #29b298;
}
h1.yellow{
    color: #f2df52;
}
.showMobile{
    display: none;
}
.cite p{
    background: url('images/cite.png') no-repeat 0 35px;
    padding-left: 26px;
    border-top: 1px solid #29b298;
    padding-top: 28px;
    padding-bottom: 28px;
}
.c-last p{
    border-bottom: 1px solid #29b298;
}
.cites{
    margin-bottom: 50px;
}
.ref img{
    width: 100%;
}
.dls{
    margin-top: 28px;
}
.dls hr{
  border-color:  #f2df52;
    margin-top: 25px;
    margin-bottom: 25px;
}
.dls img{
    width: 100%;
}
.event-grid{
    margin: 0 18.7%;
}
.kontakt-form label{
    display: none;
}
.vertical{
    display: table;
}
.vertical a{
    display: table-cell;
    vertical-align: middle;
    color:  #313131;
    font-size: 18px;
    font-weight: 300;
}
.nav-icon {
    text-align: right;
    margin-top: 21px;
    display: none;
    margin-right: -15px;
}


.mobile-nav{
    display: none;
    position: absolute;
    right: 0;
    z-index: 10;
    background-color: #636363;
    top: 97px;
}
input[type=text]{
    width: 100%;
}
.mobile-nav a{
    color:  #ddded9;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 50px;
}
.mobile-nav ul li{
    list-style: none;
    text-align: center;
    padding: 0 75px;
    border-bottom: 1px solid #ddded9;
}
.mobile-nav ul{
    margin: 0;
    padding: 0;
    padding-top: 0;
}

.mobile-nav ul .current-menu-item a{
    font-weight: 700;
}
.bigMarginBottom{
    margin-bottom: 105px;
}
.styleT{
    display: table;
}
.styleT a{
    display: table-cell;
    vertical-align: middle;
}
.text-rt.styleT.le img{
    padding-right: 39px;
}
.text-rt.styleT.ri img{
    padding-left: 39px;
}
/* H+L 11/2018
#wpv_control_plz{
    width: 32%;
}
#wpv_control_ort{
    width: 67%;
*/ H+L         
}
input[type=text] {
   height: 35px;
    line-height: 25px;
    padding-left: 14px;
    color:    #c6c6c4;
    font-size: 14px;
    border: 1px solid #ddded9;
}
textarea{
    width: 100%;
    height: 223px;
    padding-left: 14px;
    color: #c6c6c4;
    font-size: 14px;
    border-color: #ddded9;
}
input[type=submit] {
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 7px 19px;

}
input[type=submit]:hover {
    background-color: #d329bd !important;

}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c6c6c4;
    font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #c6cc4;
    opacity:  1;
    font-size: 14px;

}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #c6c6c4;
    opacity:  1;
    font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #c6c6c4;
    font-size: 14px;
}
.kontakt-form{
    margin-bottom: 72px;
}
/* event detail */
.event-details-map {
  text-align: center;
    margin-bottom: 30px;
}

.event-details-map > small {
    display: none;
}

.event-details-left {
    width: 270px;
    float: left;
    font-size: 11px;
}

.event-details-right {
    width: 581px;
    float: left;
    border-left: 3px solid #29b298;
    padding-left: 23px;
    margin-left: 23px;
}

.event-details-right .event-fb-like {
    margin-top: 15px;
}

ul.event-details-list,
.event-img {
    margin-bottom: 20px;
}

ul.event-details-list,
ul.event-details-list li {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0 !important;
}

ul.event-details-list li {
    padding: 6px 0 6px 15px;
    background-repeat: no-repeat;
    background-position: left;
}

ul.event-details-list li img {
    margin-right: 5px;
}
footer{
    max-width: 1440px;
}
a.fon{
    text-decoration: underline;
    color: #515154 !important;
}
.w2 a{
    width: 101%;
}
.date .entry-title{
    font-size: 22px;
    font-weight: 400;
    color: #515154;
    margin-top: 0;
}
#timer span{
    font-size: 24px;
}
.event-details-list{
    font-size: 15px;
}
.date a{
    color: #29b298;
}
.date header.entry-header{
    margin-bottom: 30px;
}
.date .entry-meta{
    display: none;
}
.event-details-right p{
    font-size: 18px;
}