/**
* DIVERSE PROJEKTSPEZIFISCHE DEFINITIONEN
*
* Formatierungen für aller Boxelemente der Website
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

	/*-------------------------------------------------------------------------*/
	/* BG Box Definition */

	.box {
		padding: 20px;
		margin-top: 2em;
		margin-bottom: 2em;
		background-color: transparent;
		-webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.07);
		-moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.07);
		box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.07);
	}

	.box > *:last-child {
		margin-bottom: 0;
	}

	.box h1,
	.box h2,
	.box h3,
	.box h4,
	.box h5,
	.box h6 {
		text-transform: uppercase;
	}

	.box h1:first-child,
	.box h2:first-child,
	.box h3:first-child,
	.box h4:first-child,
	.box h5:first-child,
	.box h6:first-child {
		margin-top: 0;
	}

	/* Titel Farben */
	.box:not(.bg-white) h1,
	.box:not(.bg-white) h2,
	.box:not(.bg-white) h3,
	.box:not(.bg-white) h4,
	.box:not(.bg-white) h5,
	.box:not(.bg-white) h6 {
		color: #FFF;
	}

	.box.bg-grey h1,
	.box.bg-grey h2,
	.box.bg-grey h3,
	.box.bg-grey h4,
	.box.bg-grey h5,
	.box.bg-grey h6 {
		color: #444;
	}

	/* Button Farben */
    .box:not(.bg-white) a.internal-link-button,
    .box:not(.bg-white) a.external-link-button,
    .box:not(.bg-white) a.button-link {
    	color: #FFF;
        border: 1px solid #FFF;
    }

    .box:not(.bg-white) a.external-link-button:active,
    .box:not(.bg-white) a.external-link-button:hover,
    .box:not(.bg-white) a.external-link-button:focus,
    .box:not(.bg-white) a.internal-link-button:active,
    .box:not(.bg-white) a.internal-link-button:hover,
    .box:not(.bg-white) a.internal-link-button:focus,
    .box:not(.bg-white) a.button-link:active,
    .box:not(.bg-white) a.button-link:hover,
    .box:not(.bg-white) a.button-link:focus {
    	color: #b8c200; /*BRANDCOLOR*/
        border: 1px solid #FFF;
        background-color: #FFF;
    }

    .box.bg-grey a.internal-link-button,
    .box.bg-grey a.external-link-button,
    .box.bg-grey a.button-link {
    	color: #444;
        border: 1px solid #444;
    }

    .box.bg-grey a.external-link-button:active,
    .box.bg-grey a.external-link-button:hover,
    .box.bg-grey a.external-link-button:focus,
    .box.bg-grey a.internal-link-button:active,
    .box.bg-grey a.internal-link-button:hover,
    .box.bg-grey a.internal-link-button:focus,
    .box.bg-grey a.button-link:active,
    .box.bg-grey a.button-link:hover,
    .box.bg-grey a.button-link:focus {
        color: #FFF;
        border: 1px solid #b8c200; /*BRANDCOLOR*/
        background: #b8c200; /*BRANDCOLOR*/
    }

    /* Link Farben */
	.box:not(.bg-white) a,
	.box:not(.bg-white) a,
	.box:not(.bg-white) a,
	.box:not(.bg-white) a,
	.box:not(.bg-white) a,
	.box:not(.bg-white) a {
		color: #FFF;
	}
	.box.bg-grey a,
	.box.bg-grey a,
	.box.bg-grey a,
	.box.bg-grey a,
	.box.bg-grey a,
	.box.bg-grey a {
		color: #b8c200; /*BRANDCOLOR*/
	}

	/* Farben */
	.box.bg-white {
		background-color: #FFF;
	}

    .box.bg-grey {
        background-color: #eee;
    }


    /*-------------------------------------------------------------------------*/
    /* Icomoon-Icons */
    /* Definitionen in templates/fonts/startformat-iconfont/style.css */

    li.location:before,
    li.phone:before,
    li.mail:before {
        font-family: 'startformat-iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;

        /* Before - Styling */
        margin-right: 0.25em;
        color: #b8c200; /*BRANDCOLOR*/
    }


    /*-------------------------------------------------------------------------*/
    /* Kontakt-Box Style */

    .contact-box h2,
    .contact-box h3 {
        text-transform: none;
    }

    .contact-box ul {
        list-style: none;
        margin: 0.6em 0 0;
    }

    .contact-box ul li {
        display: table;
        margin-bottom: 0.6em;
    }

    .contact-box ul li:last-child {
        margin-bottom: 0;
    }

    .contact-box ul li span[class^="icon-"],
    .contact-box ul li span[class*=" icon-"] {
        display: table-cell;
        vertical-align: top;
        padding-right: 20px;
        font-size: 166.7%;
        color: #b8c200; /*BRANDCOLOR*/
    }

    .contact-box ul li span.icon-mail {
        font-size: 86.7%;
        padding-right: 19px;
        vertical-align: middle;
    }

    .contact-box ul li span.content {
        display: inline-block;
    }

    /*-------------------------------------------------------------------------*/
    /* Slider */

    #owl-slider {
        overflow: hidden;
        position: relative;
        max-height: 100%;
    }


    #owl-slider .slider-image {
        min-height: 350px;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #owl-slider .slider-image .ym-wrapper {
        min-height: 350px;
        max-width: 980px;
        margin: 0 auto;
        position: relative;
    }

    .slide-text {
        max-width: 540px;
        padding: 20px;
        color: #FFF;
        background-color: rgb(34, 34, 34);/*BRANDCOLOR*/
        background-color: rgba(34, 34, 34, 0.8);/*BRANDCOLOR*/
    }

    #slider-wrapper .slide-text {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .slide-text h1 {
        margin-bottom: 5px;
        color: #FFF;
    }

    .slide-text .lead {
        font-weight: 300;
    }

    /* Navigatin */

    #owl-slider .owl-buttons div {
        background: none;
        font-size: 300%;
    }

    #owl-slider .owl-buttons .owl-prev {
        position: absolute;
        top: 41%;
        left: 0;
    }

    #owl-slider .owl-buttons .owl-next {
        position: absolute;
        top: 41%;
        right: 0;
    }

}