/* first for IE 4–8 */
@font-face {
    font-family: DINWeb-Light;
    src: url("../fonts/DINWeb-Light.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: DINWeb-Light;
    src: url("../fonts/DINWeb-Light.woff") format("woff");
}

body {
  padding-top: 50px;
  background-color: #1a1a1a;
  color:#fff;
}

a:focus {outline: none;}

.navbar {
    min-height:142px;
    background-repeat:no-repeat;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

.navbar .container {
    padding-left: 0;
    padding-right: 0;
}

.navbar.smaller {
    min-height: 35px;
    background-image: none;
}

.navbar.smaller .navbar-header {
    background-image: none;
}

.navbar-header{
    height:32px;
    padding-left:13px;
    padding-right:13px;
    background-color: #1a1a1a;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    background-repeat: repeat-x;
}

.navbar-inverse {
    border: none;
    border-bottom:1px solid #000;
    background-color:transparent;
}

.navbar-toggle {
    padding:0;
    margin:0;
    margin-top:9px;
}

.navbar-toggle.navbar-left {
    float: left;
}

.navbar-inverse .navbar-toggle {
    border:none;
}

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color:transparent;
    }

a.navlink, a.navlink:hover, a.navlink:hover, a.navlink:active, a.navlink:visited {
    line-height:34px;
    margin-left: 5px;
    font-family: DINWeb-Light;
    color:#fff !important;
    font-size:20px;
}

li.navlinkSide{
    display:inline-block;
}

.logo {
    background-repeat:no-repeat;
    height:62px;
    width: 100%;
    margin-left:13px;
    margin-top:14px;
}

.wettbewerb {
	position:absolute;
	width:0;
	height:0;
}

	.wettbewerb img {
		position:relative;
		left:170px;
		top:70px;
		height:50px;
	}

.telefon {
    margin-right:-39px;
    width:29px;
    height:32px;
}

.telnummer {
    padding-left:18px;
    padding-top:4px;
}

.telnummer span {
    font-size: 18px;
    color: #fff;
    font-family: DINWeb-Light;
}

    .telnummer span a {
        color: #fff;
        font-family: DINWeb-Light;
        line-height:32px;
    }

.content {
    background-color: #252525;
    border-bottom:1px solid #444547;
    margin-top: 92px;
}

    .content .home {
        color:#fff;
        font-family: DINWeb-Light !important;
    }

        .content .home .row:last-child {
            border-bottom:none !important;
        }

        .content .home .row a {
            color:#fff;
        }

        .content .home .row:first-child {
            border-top:none;
        }

		.content .home .row {
            line-height:48px;
            font-size:22px;
		}

        .content .home .row .special {
			background-color:#1a1a1a !important;
		    border-top:1px solid #1a1a1a !important;
		    border-bottom:1px solid #cccccc !important;
        }


	.content .home .row .mainnavi {
		background-color:#1a1a1a !important;
	}

    .content .home .row .mainnavi .row a {
        display:block;
        width:100%;
        cursor:pointer;
    }

    .content .home .row .subnavi .row {
        line-height:40px;
    }

		.content .home .row .subnavi.special .row {
			background-color:#1a1a1a !important;
		}

    .content .home .row .subnavi .row div.col-xs-11:last-child{
        padding-bottom:10px;
    }


    .content .home .row .subnavi div a {
        font-size:22px;
    }

    .content .home .row .subnavi div a:hover, .content .home .row .subnavi div a:link, .content .home .row .subnavi div a:visited, .content .home .row .subnavi div a:active{
        text-decoration:none;
    }

    .content .home .row .subnavi.in .row {
        margin-top: -1px;
    }

    .content .team {
        padding-top:20px;
    }

    .content hr:last-child {
        border: none;
    }

    .row.relative{
        position:relative;
    }

    .row .align-bottom{
        position: absolute;
        bottom:0;
        right:0;
    }

.blue-arrow-down {
    background-position:center center;
    background-repeat:no-repeat;
    height:11px;
}

.white-arrow-down {
    width:16px;
    height:9px;
    display:none;
}

.full-width {
    width:100%;
}

.noborder {
    border:none !important;
}

.button {
    height: 48px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: DINWeb-Light;
    cursor:pointer;
    width:100%;
    border:none;
}

    .button.back {
        width:98px;
        height:36px;
        line-height:40px;
    }

    .button .whatsapp {
		text-align:center;
		padding-right:40px;
    }
	
	.button .whatsapp img {
		margin-bottom:0.2em;
		margin-right:0.5em;
		width:35px;
    }

    .button.add {
        height:30px;
        line-height:32px;
        font-size: 26px;
        font-weight: bold;
    }


.buttonContainer:after {
    content: '';
    display: block;
    clear: both;
    margin-bottom:10px;
}

.buttonInsideText {
    height:37px;
    line-height:37px;
    padding-left:20px;
    padding-right:20px;
}

.buttonInsideText div {
    font-family: DINWeb-Light;
    color: #fff !important;
    font-size: 18px;
}

.buttonContainer a {
    width:100%;
    float:left;
    display:inline-block;
    margin-right:5px;
    margin-bottom:3px;
    margin-right:0;
}

    .buttonInsideText div:first-child {
        float:left;
    }

    .buttonInsideText div:last-child {
        float: right;
    }

.team .white-arrow-down, .kontaktformular .white-arrow-down {
    width:100%;
    text-align:center;
    margin-top:-6px;
    display:none;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

.team .details.active .white-arrow-down, .team .kontaktformular.active .white-arrow-down {
    display:block;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

.ueberuns h3 img {
    margin-bottom: 4px !important;
}

a:hover, a:link, a:active, a:visited {
    text-decoration:none;
}

h1 {
    font-family: DINWeb-Light;
    color: #8a8a8a;
    margin-top:0;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 19px;
    font-weight: normal;
}

h2 {
    font-family: DINWeb-Light;
    font-size: 18px;
    color: #8a8a8a;
    font-weight: normal;
    margin: 10px 0 10px 0;
}

    h2.telefonteam {
        font-size: 16px;
    }

h3 {
    font-family: DINWeb-Light;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    margin: 10px 0 10px 0;
}

h4 {
    font-family: DINWeb-Light;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    margin: 10px 0 10px 0;
}
        
p.price {
    font-weight:bold;
    color: #8a8a8a;
}

hr {
    border:none;
    border-bottom:1px solid #8a8a8a;
    height:1px;
}

.carousel-control {
    opacity:1;
}

.carousel-control:hover,
.carousel-control:focus {
  opacity: 1;
}

.carousel-control .icon-left,
.carousel-control .icon-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-right {
  right: 50%;
  margin-right: -10px;
}

input[type=text], input[type=tel], input[type=number], input[type=email], select, textarea {
    width:100%;
    color:#000;
    height:35px;
    line-height:28px;
    -webkit-border-radius:0; 
    border-radius:0;
    border: none;
}

.content .beschreibung{
    overflow:hidden;
}

textarea {
    height:80px;
    line-height:18px;
}

.datepicker, .datepicker2 {
    margin-right: -25px;
    margin-bottom:5px;
}

div.ui-datepicker{
    font-size:15px;
}

button.ui-datepicker-close, button.ui-datepicker-current {
    display: none;
}

.Form input.error, .Form select.error, select.error, input.error, textarea.error {
    border:solid 2px #ff0000;
	background-color:lemonchiffon;
}

.erwachsene {
    margin-top: -8px;
}

.kinder {
    margin-top: -7px;
}


footer.home{
    padding-top:30px;
    padding-bottom:20px;
}

footer{
    padding-top:5px;
    padding-bottom:20px;
    background-color: #1a1a1a;
}

    footer a.desktop, footer a.desktop:hover, footer a.desktop:visited, footer a.desktop:link, footer a.desktop:active {
        font-family: DINWeb-Light;
        font-size:18px;
        color:#8a8a8a;
    }

.footerlinks {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

    .footerlinks, .footerlinks p, .footerlinks a, .footerlinks a:visited {
        color: #ffffff !important;
    }

        .footerlinks a {
            text-decoration: underline;
        }


#warning {
    display:none;
}

@media only screen and (max-width : 360px) {
    .collapse.in .row div{
        padding-right: 2px;
    }
}

@media only screen and (min-width : 361px) {
    a.navlink, a.navlink:hover, a.navlink:hover, a.navlink:active, a.navlink:visited {
        margin-left: 31px;
    }
    .logo {
        margin-top: -3px;
    }
}

@media only screen and (min-width : 479px) {
    body {
        padding-top: 0 !important;
    }

    .navbar-header{
        height:33px;
    }

    .navbar {
        min-height:158px;
    }

    .navbar-toggle {
        margin-top:9px;
    }

    a.navlink, a.navlink:hover, a.navlink:hover, a.navlink:active, a.navlink:visited {
        line-height:34px;
        margin-left:48px;
        display:inline-block;
    }

    li.navlinkSide{
        display:none;
    }

    .logo {
        background-repeat:no-repeat;
        height:66px;
        width: 100%;
        margin-top:3px;
    }

    .telefon {
        margin-right:-41px;
        width:29px;
        height:34px;
    }

    .telnummer {
        padding-left:20px;
        padding-top:4px;
    }

    .telnummer span {
        font-size: 20px;
    }

    .content {
        margin-top: 108px;
    }

    .content .home .row {
        line-height:52px;
        font-size:24px;
    }

    .white-arrow-down {
        width:20px;
        height:11px;
    }

    .button {
        font-size: 18px;
    }

    h2.telefonteam {
        font-size: 18px;
    }

	.wettbewerb img {
		left:320px;
		top:75px;
		height:61px;
	}

}

@media only screen and (min-width : 600px) {
    .navbar-header{
        height:39px;
    }

    .navbar {
        min-height:186px;
    }

    .navbar-toggle {
        margin-top:12px;
    }

    a.navlink, a.navlink:hover, a.navlink:hover, a.navlink:active, a.navlink:visited {
        line-height:42px;
        margin-left:60px;
    }

    .logo {
        background-repeat:no-repeat;
        height:78px;
        width: 100%;
        margin-top:10px;
    }

    .telefon {
        margin-right:-45px;
        width:34px;
        height:40px;
    }

    .telnummer {
        padding-left:30px;
        padding-top:7px;
    }

    .telnummer span {
        font-size: 20px;
    }

    .content {
        margin-top: 136px;
    }

    .content .home .row {
        line-height:60px;
        font-size:28px;
    }
	
	.wettbewerb img {
		left:360px;
		top:82px;
		height:81px;
	}

}

@media only screen and (min-width : 768px) {
    body {
        padding-top: 50px !important;
    }

    .navbar {
        width: 100%;
        background-position: center;
        background-size: 100% 185px;
    }

    .navbar-header {
        width: 100%;
    }

    .container {
        margin-right: initial;
        margin-left: initial;
        width: 100%;
    }
}

@media only screen and (min-width : 992px) {
    body {
        padding-top:0;
        background-color:#fff;
        color:#000;
        padding-top: 0 !important;
    }
    
    header, footer, .content, .navmenu {
        display:none;
    }

    #warning {
        display:block;
    }
}

.fl {
	float:left;
}

.container p img {
    margin-bottom:15px;
}

.warning p {
    background-color: #ff0000;
    padding: 10px;
}

.warning .icon {
    float: left;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 50px;
}