/*
Theme Name: U-Design
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: A slick, powerful and clean theme.
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Version: 1.4.1
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/

/* Korrekturen Design (reini) */
body {
    font-size:14px;
}
#search .search_box #search_field {
    height:100%;
}
#slogan {
    top:130px;
}
/* Accordeon */
h3.accordion-toggle {
    height:auto;
    background:#ededed;
}
h3.accordion-toggle a {
    position:relative;
    padding-right:10px;
    background:url(accordeon-plus.png) no-repeat;
    background-position:10px center;
    font-size:16px !important;
}
h3.accordion-toggle.active a {
    background-image:url(accordeon-minus.png);
}
/* Formular-Elemente */
input[type=text],
input[type=email],
select,
textarea {
    display:block;
    width:100%;
    max-width:400px;
    padding:.5em;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-family:inherit;
}
input[type=button],
input[type=submit],
input[type=reset] {
    display:block;
    padding:.5em 1em;
    width:100%;
    max-width:400px;
    text-align:center;
}

/* Responsive Design (reini) */
#responsive-menu {
    display:none;
}
* {
    /*background-color:rgba(0,0,0,0.05) !important;*/
}

#navigation-menu ul.sf-menu > li > a > span {
    padding-left:15px;
}
#top-elements .phone-number {
    width:100%;
    padding:6px 20px;
}
#top-elements .phone-number a {
    color:inherit;
    white-space:nowrap;
}

@media screen and (max-width:959px) {
    body {
        background:#333;
        font-size:16px;
    }
    img {
        max-width:100%;
        height:auto;
    }
    #wrapper-1,
    #page-content,
    #content-container {
        display:block; /* statt: table */
    }
    #page-content {
        background:none; /* BG-Linie oben weg */
    }
    #top-wrapper {
        /*border-bottom:5px #204066 solid;*/
    }
    #page-content-title {
        background-color:#d4ffa3;
    }
    #page-content-title #page-title h1,
    #page-content-title #page-title h2,
    #page-content-title #page-title h3 {
        line-height:120%;
    }
    #top-elements {
        height:auto;
    }
    #top-elements .phone-number {
        padding:6px 16px;
        font-size:13px;
        background:#204066;
        display:block;
        width:auto;
        float:none;
        color:#fff;
    }
    #top-elements .phone-number-padding {
        padding:0;
    }
    #logo {
        display:block;
        position:relative;
        top:0;
        left:0;
        margin:0;
        width:70%;
        float:none;
        padding:15px 18px 12px;
    }
    #logo h1 a, #logo .site-name a {
        display:block;
        width:100%;
        height:0;
        padding-bottom:55px;
        background-size:contain;
    }
    #main-menu {
        height:auto;
    }
    #slogan {
        display:none;
    }
    #search {
        display:none;
    }
    /* Responsive Menu Icon */
    #r-menu {
        display:inline-block;
        position:absolute;
        top:20px;
        right:20px;
        width:40px;
        height:30px;
        cursor:pointer;
    }
    #r-menu > div {
        display: block;
        top: 50%;
        margin-top: -2px;
    }
    #r-menu > div,
    #r-menu > div::before,
    #r-menu > div::after {
        width: 40px;
        height: 4px;
        background-color: #204066;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }
    #r-menu > div::before,
    #r-menu > div::after {
        content: "";
        display: block;
    }
    #r-menu > div::before {
        top: -10px;
    }
    #r-menu > div::after {
        bottom: -10px;
    }
    /* Effects */
    #r-menu > div {
        transition-duration: 0.075s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    #r-menu > div::before {
        transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    }
    #r-menu > div::after {
        transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    .open-r-menu #r-menu > div {
        transform: rotate(45deg);
        transition-delay: 0.12s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    .open-r-menu #r-menu > div::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }
    .open-r-menu #r-menu > div::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    /* Responsive Menu */
    #navigation-menu {
        display:block;
        opacity:0;
        width:0;
        position:absolute;
        top:0;
        right:-100%;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }
    .open-r-menu #navigation-menu {
        display:block;
        opacity:1;
        width:100%;
        right:0;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }
    #navigation-menu ul.sf-menu {
        display:block;
        visibility:visible;
        margin:0;
        padding:0;
        float:none;
        overflow:hidden;
        background:#1b2531;
    }
    #navigation-menu ul.sf-menu > li {
        display:block;
        visibility:visible;
        margin:0;
        padding:0;
        float:none;
        border-top:1px rgba(255,255,255,.2) dashed;
    }
    #navigation-menu ul.sf-menu > li:first-child {
        border-top:0;
    }
    #navigation-menu ul.sf-menu > li > a > span {
        color:#fff;
        text-transform: uppercase;
        font-weight:bold;
    }
    #navigation-menu ul.sf-menu > li.current-menu-item > a > span,
    #navigation-menu ul.sf-menu > li.current_page_item > a > span {
        color:#d4ffa3;
    }
    #navigation-menu ul.sf-menu > li ul {
        position:relative;
        top:0;
        display:block !important;
        visibility:visible !important;
        width:100% !important;
        margin:0 0 .3em;
        padding:0;
        float:none;
        overflow:hidden;
    }
    #navigation-menu ul.sf-menu > li ul li {
        background:none;
    }
    #navigation-menu ul.sf-menu > li ul li a {
        padding:10px 20px 10px 40px;
        color:#fff;
    }
    #navigation-menu ul.sf-menu > li ul li.current_page_item a {
        color:#d4ffa3;
    }
    #navigation-menu ul.sf-menu > li > a > span.sf-sub-indicator {
        display:none !important;
    }
    /* Content */
    #main-content {
        display:block;
        left:0;
        float:none;
        word-break: break-word;
    }
    .container_24 {
        width:100%;
        margin:0;
    }
    .container_24 .grid_16,
    .container_24 .grid_24 {
        width:auto;
    }
    blockquote.alignleft,
    blockquote.alignright {
        float:none;
        margin-bottom:10px;
    }
    /* Accordeon */
    .accordion-wrapper {
        display:block;
        margin:0 -20px;
    }
    h3.accordion-toggle a {
        background-position:17px center;
    }
    /* Aufklappbox Formular */
    h4.slide_toggle a {
        line-height: 100%;
    }
    .slide_toggle_content {
        margin-left:0;
        padding:10px;
    }
    /* Sonstiges */
    .textwidget {
        display:block; /* statt: table */
    }
    #sidebar {
        display:block;
        right:0;
        float:none;
        width:auto;
    }
    /* Footer Area */
    #bottom-bg {
        border-top:2px #ccc solid;
    }
    #bottom {
        font-size:0.85em;
    }
    .one_third {
        display:block;
        width:auto;
        float:none;
        margin-right:0;
    }
    .two_third {
        display:block;
        width:auto;
        float:none;
        margin-right:0;
    }
    #footer_text {
        width:auto !important;
        font-size:0.85em;
    }
    .back-to-top a {
        font-size:12px;
    }
    /* Slideshow */
    #c1-header #header-content {
        /*margin-top:0;*/
    }
    #c1-header .c1-slideshow {
        height:0;
        padding-bottom:41%;
    }
    .c1-slideshow {
        width:100% !important;
    }
    .c1-slideshow * {
        width:100% !important;
    }
    .c1-slide-img-wrapper {
        padding:0;
    }
}

@media screen and (max-width:480px) {
    body {
        font-size:15px;
    }
    #wrapper-1 {
        margin:0 -10px;
        right:-10px;
    }
    #logo h1 a, #logo .site-name a {
        padding-bottom:45px;
    }
    /* Slideshow Buttons */
    #c1-resumeButton,
    #c1-pauseButton,
    #c1-nav {
        display:none;
    }
}