﻿body{
	overflow-x: hidden !important
}

h1 .letterspace
{
	letter-spacing: -4px;
}
.intro img
{
    margin-right: 20px;
}

body.modal-open
{
    overflow: hidden;
}

.container.description
{
    margin-top: 40px;
	padding: 0 15px !important
}

.googleMaps img
{
    max-width: none;
}

.googleMaps
{
    width: 100%;
    height: 600px;
}

.modal-content:after
{
    left: 39px;
    content: " ";
    padding: 11px 18px;
    position: absolute;
    top: 0;
}

.modal-content
{
    margin: 15px 0;
    padding: 22px 19px 14px;
    position: relative;
}

.modal-body
{
    padding-top: 0;
}

.feature .modal-dialog
{
    width: 75%;
}

.feature-content .modal .carousel-caption
{
    float: right;
    width: 50%;
    padding: 0 25px;
    text-align: left;
    text-shadow: none;
    position: static;
}

.feature-content .modal .item > img
{
    float: left;
    width: 50%;
}

.feature-content .modal .carousel-indicators
{
    position: static;
    margin: 0 auto;
}


.feature-content > h2
{
    font-size: 24px;
    margin-top: 0;
}

.feature-content .modal h2
{
    margin-bottom: 2px;
}

.feature-content .modal h3
{
    margin-top: 0;
    font-size: 20px;
    font-style: italic;
}

.feature
{
    margin-bottom: 80px;
}

.breadcrumb
{
    margin-top: 10px;
}

    .breadcrumb li
    {
        font-size: 12px;
    }

.carousel-control
{
    display: none;
}

.intro .breadcrumb
{
    background-color: inherit;
    margin: 0;
    border-radius: 0;
}



.intro .short-desc
{
	float:left;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    margin-top: 7%;
    padding: 1px 15px;
}

.intro
{
    /* padding-top: 10px;
    padding-bottom: 7em;*/
	background-position: right;
    background-size: cover;
	height:0px;
	/*    min-height: 525px;*/
    position: relative;
    background-image: url(#);
}

.feature-content
{
    margin-top: 30px;
}

.intro .breadcrumbs
{
    bottom: 0;
    position: absolute;
    width: 100%;
}

.feature .carousel-indicators .glyphicon
{
    display: block;
    color: #3E78B3;
    cursor: pointer;
}

.feature .carousel .play
{
    display: none;
}
.feature .feature-image img
{
    margin: auto;
}

.feature .feature-image .carousel-indicators
{
    position: static;
    width: auto;
    margin-top: 5px;
    margin-left: auto;
}

.zoomContainer
{
    z-index: 3000;
}

@media (max-width: 992px)
{
	body
	{
	overflow-x:auto;
	}
	
    .feature-image
    {
        margin-top: 30px;
    }

    .frage
     {
     	display:none;
     }

    .feature-content .modal .carousel-caption, .feature-content .modal .item > img
    {
        float: none;
        width: 100%;
    }

    .feature-content .item
    {
        height: auto !important;
    }
}

@media (max-width: 768px)
{
	body
	{
	overflow-x:auto;
	}
    .feature-image
    {
        margin-top: 30px;
    }

    .frage
     {
     	display:none;
     }

    .intro .short-desc h1
    {
        font-size: 26px;
    }

    .intro .short-desc .lead
    {
        font-size: 15px;
    }

    .intro .short-desc
    {
        width: 100%;
    }

    .feature .modal-dialog
    {
        width: 100%;
    }

    .feature-content
    {
        margin-top: 0;
		text-align: center;
    }

        .feature-content .carousel-caption
        {
            padding: 10px 35px;
        }

        .feature-content .carousel-control
        {
            display: block;
            color: white;
        }

            .feature-content .carousel-control:hover, .feature-content .carousel-control:focus
            {
                color: white;
            }

        .feature-content .modal .carousel-caption
        {
            padding: 0 40px;
            position: relative;
            bottom: auto;
            left: auto;
            right: auto;
        }
}

