/*
Theme Name:     StrapPress Child
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Thirteen theme
Author:         Your name here
Author URI:     http://example.com/about/
Template:       strappress
Version:        0.1.0
*/

@import url("../strappress/style.css");



/* ---------------------------------- FORMATIERUNGEN ---------------------------*/

body {
	font-family: 'Barlow', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: ##000000;
	line-height: 1.7em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	line-height: 1.1em;
	text-transform: uppercase;
}

h1 {
	font-size: 60px;
	color: #252C5D;
	text-align: center;
	text-transform: uppercase;
}

h2 {
	color: #000000;
	font-size: 27px;
	text-align: center;
	font-weight: 300;
	text-transform: none;
}

h3 {
	font-size: 35px;
	color: #252D5D;
}

.home h3 {
	text-align: center;
}

h4 {
	color: #838789;
	font-size: 32px;
	font-weight: 200;
}

h5 {
	font-size: 27px;
	color: #00191A;
}

h6 {
	color: #838789;
	font-size: 22px;
	font-weight: 200;
}

.ueberschrift {
	font-family: 'Barlow Condensed', sans-serif;
	color: #fff;
	margin-bottom: 25px;
	font-size: 33px;
}

.graustufen img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}

/* ---------------------------------- ENDE FORMATIERUNGEN ---------------------------*/

.bild-team {
	margin-top: 10px !important;
}

.flexslider {
	border-radius: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
}

.flex-direction-nav .flex-next {
	right: 20px !important;
	text-align: right;
	opacity: 1 !important;
	color: #fff !important;
}

.flex-direction-nav .flex-prev {
	left: 20px !important;
	text-align: right;
	opacity: 1 !important;
	color: #fff !important;
}

#cookie-law-info-bar a:hover {
	text-decoration: none !important;
	opacity: 0.7 !important;
}

.cli-plugin-button {
	border-radius: 0 !important;
	text-shadow: none !important;
	border: none !important;
	box-shadow: none !important;
}

#dynamic-to-top {
	bottom: 60px !important;
}

*::-moz-selection {
	background: #252D5D;
	color: #fff;
}

.tp-caption a,
.tp-caption a:hover {
	text-decoration: none !important;
}

p {
	margin: 0 !important;
	padding: 0 !important;
}

.abstand-home-oben {
	margin-top: 120px !important;
}

.hintergrund {
	text-align: center !important;
	padding: 70px 70px 40px !important;
	margin-top: 40px !important;
	margin-bottom: 60px !important;
	border-color: #232E60;
	border-width: 5px;
	border-style: solid;
}

.hintergrund-team {
	padding: 0 70px !important;
	margin-bottom: 70px !important;
}

.hintergrund-box-startseite .vc_col-sm-4 {
	background: #ECEDED;
	padding: 40px 20px 20px !important;
	font-weight: normal !important;
	border-right: 1px solid #fff !important;
	border-top:1px solid #fff !important;
}

.hintergrund-box-startseite .vc_col-sm-4 h5 {
	font-weight: 300 !important;
	font-size: 25px !important;
}

.hintergrund-text {
	padding-top: 40px !important;
	padding-bottom: 10px !important;
	background: #ECEDED !important;
	margin-top: 40px !important;
	margin-bottom: 60px !important;
}

.hintergrund p {
	text-align: center !important;
}

.ult-content-box {
	border-right: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	text-decoration: none !important;
}

.ult-content-box h5 {
	font-weight: 300 !important;
	font-size: 25px !important;
	text-decoration: none !important;
}

.ult-content-box {
	padding: 40px 30px 10px !important;
}

a {
    color: #252f5d;
    text-decoration: underline;
}

a:hover {
	color: #A1A4A6;
	text-decoration: underline;
}

#content .ult-content-box:hover {
	text-decoration: none !important;
}

.bild-team {
	margin-right: -18px !important;
	margin-top: 25px !important;
}

#content ul li {
	list-style-type: none !important;
	background: url(img/check.png) 4px 8px no-repeat !important;
	padding-left: 40px !important;
}

#content ul {
	padding: 0px !important;
}

#content .slides li {
	background: none !important;
	padding: 0 !important;
}


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

.slider-bg {
	position: absolute !important;
	bottom: 0;
	width: 100% !important;
	padding: 10px 25px 15px!important;
	text-align: center !important;
	background-color: rgba(0, 0, 0, 0.55) !important;
}

.vc_grid-item h4 {
	color: #fff !important;
	font-size: 30px !important;
	font-weight: 400 !important;
	margin-bottom: -15px !important;
	text-align: center !important;
}

.plz {
	font-size: 24px !important;
	color: #D3D6D6 !important;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400 !important;
	display: inline;
}

.ort {
	font-size: 24px !important;
	color: #D3D6D6 !important;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400 !important;
	display: inline;
	margin-left: 4px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev,
.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next {
	font-size: 70px !important;
	opacity: 1 !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
	opacity: 1 !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span,
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span,
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span {
	background-color: #D0D1D2 !important;
}


/* ---------------------------------- FORMULAR ---------------------------*/

label {
	font-weight: 400 !important;
}

input,
select,
textarea {
	background: #eceded !important;
	border: none !important;
	padding: 6px !important;
}

textarea {
	width: 470px !important;
	height: 150px !important;
}


/*.iphorm-element-wrap label span.iphorm-required {
    margin-left: 5px;
    margin-top: 0 !important;
    position: absolute;
}*/


/* ---------------------------------- GLOBALS ---------------------------*/

.home #wrapper {
	margin-top: 60px !important;
}

#wrapper {
	margin-top: 250px !important;
}

#slideshow {
	position: relative;
	margin-top: 80px !important;
}
.tp-leftarrow {
	height: 215px !important;
	width: 134px !important;
	background: url(img/pfeil-links.png) left top no-repeat !important;
}

.tp-rightarrow {
	height: 215px !important;
	width: 134px !important;
	background: url(img/pfeil-rechts.png) left top no-repeat !important;
}

.tparrows::before {
	content: "" !important;
}

.tp-rightarrow:hover,
.tp-leftarrow:hover {
	opacity: 0.5 !important;
}

.rev_slider a {
	text-decoration: none !important;
}



#logo, #logo.large {
    left: 7vw !important;
    top: 1.8vw;
    background: #FFF;
    z-index: 999999;
    position: fixed;
    max-width: 227px;
    width: 14vw;
    height: auto;
	transition: all 0.5s ease 0s;
}

#logo.small {
	width: 100px;
	transition: all 0.5s ease 0s;
}

#icons {
	position: fixed;
	top: 0;
	z-index: 99999;
	right: 0;
}

#icons a,
#icons a.large {
	background: #FFFFFF;
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none !important;
	padding: 24px 40px;
	display: block;
	float: left;
	min-width: 200px !important;
	text-align: center;
	transition: all 0.5s ease 0s;
}

#icons a.small {
    padding: 11px 40px;
    font-size: 18px;
}

#icons a:hover {
	background: #CDCFCF !important;
}

#icons img {
	display: block;
	text-align: center;
	position: relative;
	margin: 0 auto !important;
}

.mail {
	background: #252F5D !important;
	color: #FFFFFF !important;
}

.tel {
	background: #A0A4A6 !important;
	color: #FFFFFF !important;
}

.mail:hover {
	background: #B5B7B9 !important;
}

#buttons {
	position: relative;
	float: right;
	margin-top: -48px !important;
}

#buttons a {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 22px;
	padding: 20px 45px;
	background: #252F5D;
	font-weight: 300 !important;
	color: #fff !important;
	transition: all 0.5s ease 0s;
	text-decoration: none !important;
}

.mieten {
	background: #A1A4A6 !important;
}

#buttons a:hover {
	background: #eceded !important;
	color: #A1A4A6 !important;
}

#td,
th {
	padding: 2px;
	font-family: 'Barlow Light';
}


/* ---------------------------------- NAVIGATION ---------------------------*/

.ubermenu-main .ubermenu-item-level-0>.ubermenu-target, .ubermenu-main .ubermenu-item-level-0>.ubermenu-target.large {
    color: #252F5D;
    font-size: 27px;
    padding: 50px 2vw 28px 2vw !important;
    cursor: pointer;
    font-weight: 600 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.small {
	font-size: 24px;
	padding: 39px 2vw 17px 2vw !important;
}
.ubermenu .ubermenu-target-text {
    font-family: 'Barlow Condensed', sans-serif !important;
}

.navbar,
.navbar.large {
	background: #fff !important;
	border: none !important;
	top: 0 !important;
	margin: 0 !important;
	padding-left: 25vw !important;
	position: fixed !important;
	width: 100% !important;
	transition: all 0.5s ease 0s;
}

.navbar.small {
	padding-left: 20vw !important;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.ubermenu-main #menu-item-27 .ubermenu-target {
	background: none !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
	margin-top: -3px;
	opacity: 0.4 !important;
	right: 16px !important;
	top: 50%;
	font-size: 13px !important;
}

.ubermenu-main .ubermenu-item-level-0>.ubermenu-target:hover,
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target,
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent>.ubermenu-target,
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor>.ubermenu-target {
	color: #A1A4A6;
	/*border-bottom: 8px solid #252F5D;*/
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target::after {
	font-size: 15px !important;
	margin-top: 8px !important;
	opacity: 0.4 !important;
	right: 8px !important;
}

.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
	background-color: #FFFFFF;
	padding: 20px 0 !important;
}

.ubermenu-submenu a {
	padding: 7px 20px !important;
	color: #000 !important;
	font-size: 18px !important;
}

.ubermenu-submenu a:hover {
	background: #252D5D !important;
	color: #fff !important;
}

.ubermenu .ubermenu-submenu .ubermenu-current_page_item a {
	background: #a1a4a6 !important;
	color: #fff !important;
}

.mapp-map-links {
	border: none !important;
}

.mapp-layout {
	margin: 0 !important;
	border: none !important;
}


/* ---------------------------------- SLIDESHOW ---------------------------*/

.tp-rightarrow.default {
	background: url(img/pfeil-rechts.png) no-repeat left top !important;
	cursor: pointer;
	height: 77px !important;
	position: relative;
	width: 77px !important;
	z-index: 100;
	right: 0 !important;
}

.tp-rightarrow.default:hover {
	background: url(img/pfeil-rechts.png) no-repeat left bottom !important;
}

.tp-leftarrow.default {
	background: url(img/pfeil-links.png) no-repeat left top !important;
	cursor: pointer;
	height: 77px !important;
	position: relative;
	width: 77px !important;
	z-index: 100;
	left: 0 !important;
}

.tp-leftarrow.default:hover {
	background: url(img/pfeil-links.png) no-repeat left bottom !important;
}


/* ---------------------------------- FOOTER ---------------------------*/

#footer h3 { color: #fff; margin-bottom: 1.8vw; }

#footer {
	background: #252F5D !important;
	text-align: center !important;
	border: solid 0.4vw #fff;
    outline: solid 20px #252F5D;
	width: calc(100% - 40px);
	margin-left: 20px;
}
#footer,
#footer a {
	font-size: 17px;
	color: #fff;
	line-height: 170%;
}

#footer-wrapper {
	margin: 0 auto !important;
	padding: 80px 0 100px !important;
	position: relative;
	text-align: center !important;
}

.icon-facebook {
	top: 30px !important;
	position: relative;
}

#social {
	margin: 50px auto !important;
	position: relative;
	width: 300px;
}

.us_shortcode {
	float: left;
	margin-left: -5px;
}

#footer ul li {
	list-style-type: none !important;
	float: left !important;
	margin-right: 30px;
}

#footerleiste {
	padding: 70px 0 !important;
	text-align: center;
}

#footerleiste a {
	font-size: 17px;
	text-decoration: none;
	margin-right: 40px;
	color: #00191B;
}

#footerleiste a:hover {
	text-decoration: underline;
	color: #00191B;
}

.abstand {
	margin-left: 25px;
}

#text-3 { text-align: right; padding-right: 1vw; }
#text-4 { text-align: left; padding-left: 1vw;}


/* ---------------------------------- BUTTONS ---------------------------*/

.button a {
	text-decoration: none;
	color: #fff;
	background: #252D5D;
	padding: 10px 25px;
	text-align: center;
}

.button a:hover {
	text-decoration: none;
	color: #fff;
	background: #a1a4a6;
}

.button-block a {
	text-decoration: none;
	color: #fff;
	background: #252F5D;
	padding: 10px 25px;
	width: 100%;
	display: block;
	text-align: center;
}

.button-block a:hover {
	text-decoration: none;
	color: #fff;
	background: #a1a4a6;
}




/*--------------Tab-----------------*/

.vc_tta-tabs .vc_tta-panel-body {
	background: #F3EDE6 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 35px !important;
}

#content .vc_tta-tabs-list {
	padding: 0 !important;
}

.vc_tta.vc_general .vc_tta-tab.vc_active>a {
	background: #F3EDE6 !important;
	border: 0 none !important;
	border-radius: 0 !important;
	text-decoration: none !important;
}

.vc_tta.vc_general .vc_tta-tab>a {
	border: 0 none !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	background: #F9F6F2 !important;
}

.vc_tta.vc_general .vc_tta-tab>a:hover {
	border: 0 none !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	background: #F3EDE6 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
	font-family: "PT Serif", serif !important;
	font-size: 18px !important;
}


/* =Accordion
-------------------------------------------------------------- */

.vc_tta.vc_general .vc_tta-panel-title>a {
	font-size: 19px !important;
	font-family: "PT Serif", serif;
	color: #c0a57f !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	padding: 20px 40px !important;
	background: #fff !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	border: none !important;
	border-bottom: 1px solid #f3f0eb !important;
	border-top: 1px solid #f3f0eb !important;
}

.vc_tta-accordion .vc_tta-panel-body {
	background: #fff !important;
	border: none !important;
	border-radius: 0 !important;
}

.vc_tta.vc_general .vc_tta-panel-title>a:hover {
	background: #F9F6F2 !important;
}

.vc_tta.vc_general .vc_active .vc_tta-panel-title>a {
	background: #F9F6F2 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
	background: url(img/accordion-open.png) left top no-repeat !important;
	border: medium none !important;
	width: 13px;
	height: 18px;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after {
	border: medium none !important;
	width: 13px;
	height: 18px;
}

.vc_active .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
	border: medium none !important;
}

@media screen and (max-width: 1920px) {
	.home-link {
		display: none !important;
	}
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.large {
		font-size: 27px;
	}
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.small {
		font-size: 26px;
		padding: 40px 2vw 18px 2vw !important;
	}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target::after {
		right: 4px !important;
	}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target::after {
		right: 4px !important;
	}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target.small::after {
		margin-top: 3px !important;
	}
}

@media screen and (max-width: 1730px) {
	#icons a,
	#icons a.large {
		min-width: 170px !important;
		padding: 24px 30px;
	}
	#icons a.small {
    padding: 13px 40px;
    font-size: 18px;
}
}

@media screen and (max-width: 1500px) {
	
		#slideshow {
		margin-top: 61px !important;
	}
	
	#logo img,
	#logo.large img,
	#logo.small img {
		width: 270px;
	}
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.large,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.small {
		font-size: 24px;
		padding: 35px 2vw 20px 2vw !important;
	}
	#icons a,
	#icons a.large{
		font-size: 17px;
		min-width: 145px !important;
		padding: 7px 20px 14px;
	}
	#icons a.small {
    	font-size: 17px;
    	min-width: 145px !important;
    	padding: 11px 20px 10px;
	}
	.home #wrapper {
		margin-top: 60px !important;
	}
#wrapper {
    margin-top: 200px !important;
}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target.small::after,
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target.large::after,
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target::after {
		margin-top: 3px !important;
	}
}

@media screen and (max-width: 1300px) {
	.text-icon {
		display: none;
	}
	#icons a, #icons a.large, #icons a.small {
    min-width: 10px !important;
    padding: 26px 22px;
}
}

@media screen and (max-width: 1200px) {
	h1 {
		font-size: 52px;
	}
	.home #wrapper {
		margin-top: 35px !important;
	}
#wrapper {
    margin-top: 140px !important;
}
	h2 {
		font-size: 27px;
	}
	.hintergrund {
		margin-bottom: 50px !important;
		margin-top: 0 !important;
		padding: 60px 40px 10px !important;
	}
	.hintergrund-team {
		margin-left: 0 !important;
		margin-top: 15px !important;
		padding: 40px 70px 7px !important;
	}
	h3 {
		font-size: 42px;
	}
	.slider-bg {
		padding: 0px 25px 5px!important;
	}
	#buttons a {
		font-size: 21px;
		padding: 18px 45px;
	}
	#buttons {
		margin-top: -46px !important;
	}
	.ult-content-box {
		padding: 40px 10 10px !important;
	}
	.ult-content-box h5 {
		font-size: 22px !important;
	}
	.hintergrund-box-startseite .vc_col-sm-4 h5 {
		font-size: 22px !important;
	}
	.hintergrund-box-startseite .vc_col-sm-4 {
		padding: 40px 5px 20px !important;
	}
	body {
		font-size: 18px;
	}
	#footer-wrapper {
		padding: 70px 0 !important;
	}
	.tp-leftarrow,
	.tp-rightarrow {
		background-size: 100% auto !important;
		height: 160px !important;
		width: 90px !important;
	}
	#logo img,
	#logo.large img,
	#logo.small img {
		width: 260px;
	}
	#slideshow {
		margin-top: 61px !important;
	}
	.ult-content-box {
		padding: 40px 20px 10px !important;
	}
	.ult-content-box h5 {
		font-size: 20px !important;
	}
	.bild-team {
		margin-right: -18px !important;
		margin-top: 0 !important;
	}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target::after {
		margin-top: 4px !important;
		right: 2px !important;
	}
	.vc_grid-item h4 {
		font-size: 22px !important;
	}
	.plz,
	.ort {
		font-size: 17px !important;
	}
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.large,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.small {
		font-size: 19px;
		padding: 37px 2vw 26px 2vw !important;
	}
	.flexslider {
		margin: 0 !important;
	}
	.input,
	select,
	textarea {
		border-radius: 0 !important;
	}
}

@media screen and (max-width: 990px) {
		#slideshow {
		margin-top: 61px !important;
	}
	
	.tp-caption img,
	.tp-caption {
		display: none !important;
	}
	h1 {
		font-size: 41px;
	}
	h2 {
		font-size: 27px;
	}
	.hintergrund {
		padding: 40px 30px 0 !important;
	}
	.hintergrund { margin-left: 10px !important; margin-right: 10px !important; }
	h3 {
		font-size: 38px;
	}
	#footer-wrapper {
		padding: 50px 0 70px !important;
	}
	.ult-content-box h5 {
		min-height: 50px;
	}
	.ult-content-box {
		padding: 40px 20px 0 !important;
	}
	.ubermenu-responsive-toggle {
		color: #252f5d !important;
		display: block;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 26px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
	}
	#icons a,
	#icons a.large,
	#icons a.small {
		min-width: 10px !important;
		padding: 16px 22px 17px 22px;
	}
	#icons img {
		height: 30px;
	}
	.ubermenu.ubermenu-responsive .ubermenu-column,
	.ubermenu.ubermenu-responsive .ubermenu-column-auto {
		min-width: 100% !important;
	}
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.large,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.small {
		font-size: 22px;
		padding: 8px 2vw !important;
	}
	.home #wrapper {
		margin-top: 35px !important;
	}
	#wrapper {
		margin-top: 95px !important;
	}
	.hintergrund-box-startseite .vc_col-sm-4 {
		min-height: 280px;
	}
}
@media screen and (max-width: 768px) {
#logo.small {
    width: 50px;
    transition: all 0.5s ease 0s;
    top: 7px;
    left: 3vw !important;
}
	.navbar.small {
    	padding-left: 12vw !important;
   		box-shadow: 0 0 20px rgba(0,0,0,0.3);
	}
}
@media screen and (max-width: 767px) {

div#slideshow-mobile {
    margin-top: 60px;
}

/*--------------------- FOOTER -------------------*/

	#text-3, #text-4 { text-align: center;}

	#text-3 { margin-bottom: 3vw;} 

	#footer-wrapper {
		width: 100%;
	}
	#footer {
		margin-top: -40px !important;
		border: solid 0.8vw #fff;
	}
	#footerleiste a {
		font-size: 16px;
	}
	#footerleiste {
		padding: 35px 0 !important;
	}


/*--------------------- ENDE FOOTER -------------------*/
	
	.hintergrund-box-startseite .vc_col-sm-4 {
		margin-bottom: 1px !important;
	}
	.immobilien-slider {
		display: none !important;
	}
	h1 {
		font-size: 35px;
	}
	h2 {
		font-size: 27px;
	}
	.home #wrapper {
		margin-top: 25px !important;
	}
	#wrapper {
		margin-top: 75px !important;
	}
	.ult-content-box h5 {
		min-height: auto;
	}
	.ult-content-box {
		padding: 25px 20px 0 !important;
	}
	#buttons {
		margin-right: -15px !important;
		margin-top: -40px !important;
	}
	#buttons a {
		font-size: 17px;
		padding: 15px 25px;
	}
	body {
		font-size: 17px;
	}
	h3 {
		font-size: 31px;
	}
	.ueberschrift {
		font-size: 29px;
		margin-bottom: 20px;
	}
	
	#logo img,
	#logo.large img,
	#logo.small img {
		width: 210px;
	}
	.ult-content-box-container {
		width: 50% !important;
		float: left;
	}
	.tp-leftarrow,
	.tp-rightarrow {
		background-size: 100% auto !important;
		height: 120px !important;
		width: 50px !important;
	}
	.abstand-home-oben {
		margin-top: 40px !important;
	}
	.abstand-mobile-weg {
		margin-top: -50px !important;
	}

}

@media screen and (max-width: 650px) {
	

	h4 {
		font-size: 25px;
	}
	.hintergrund p,
	.hintergrund {
		text-align: left !important;
	}
	.mapp-canvas {
		height: 200px !important;
	}
	.hintergrund-text {
		margin-bottom: 40px !important;
		margin-top: 0 !important;
		padding-bottom: 0 !important;
		padding-top: 40px !important;
	}
	.hintergrund {
		margin-top: -20px !important;
		margin-bottom: 20px !important;
	}
	.ult-content-box h5 {
		min-height: 44px !important;
	}

.home #logo.large, .home #logo, .home#logo.small {
	top: 0 !important;
	}
.home #logo.large, .home #logo, .home#logo.small {
    top: 10px !important;
    left: 25px !important;
}	
	
	
.navbar, .navbar.large {
    position: fixed !important;
    padding-left: 22vw !important;
}
.navbar.small {}
	.ult-content-box h5 {
		font-size: 20px !important;
	}
	#icons {
		margin-top: 0;
		position: fixed !important;
	}
	.abstand {
		margin-left: 0;
		display: block;
	}
	#footerleiste a {
		font-size: 16px;
		display: block;
		margin-right: 0;
	}
	#footer,
	#footer a {
		font-size: 16px;
	}
	.us_wrapper .us_button {
		width: 70px;
	}
	#buttons {
		margin-top: 17px !important;
		width: 100%;
		margin-right: 0 !important;
	}
	#buttons a {
		display: block;
		width: 50% !important;
		float: left;
		padding: 11px 25px;
		text-align: center;
	}
	.ubermenu {
		border-top: 1px solid #308588 !important;
	}
	#logo img,
	#logo.large img,
	#logo.small img {
		width: 260px;
	}
	#icons a,
	#icons a.large,
	#icons a.small {
		padding: 17px 22px 18px;
	}
	.home #wrapper {
		margin-top: 25px !important;
	}
	#wrapper {
		margin-top: 90px !important;
	}
	.hintergrund-box-startseite .vc_col-sm-4 {
		padding: 20px 5px 0px !important;
	}
	.hintergrund-box-startseite .wpb_content_element {
		margin-bottom: 20px !important;
	}
}

@media screen and (max-width: 480px) {
	#buttons a {
		font-size: 16px;
		padding: 10px 5px;
	}
	#wrapper {
		margin-top: 85px !important;
	}
	#footer-wrapper {
		padding: 40px 0 55px !important;
	}
	.icon-facebook {
		top: 10px !important;
		position: relative;
	}
	.ueberschrift {
		font-size: 25px;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 22px;
	}
	.hintergrund {
		padding: 30px 10px 0 !important;
    	margin-top: 0 !important;
	}
	body {
		font-size: 16px;
	}
	h3 {
		font-size: 26px;
	}
	#footer,
	#footer a {
		font-size: 15px;
	}
	#footerleiste a {
		font-size: 15px;
	}
	#icons img {
		height: 25px;
	}
	.ubermenu-responsive-toggle {
		font-size: 23px !important;
	}
	#icons a,
	#icons a.large,
	#icons a.small {
		min-width: 10px !important;
		padding: 18px 16px 18px;
	}
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.large,
	.ubermenu-main .ubermenu-item-level-0>.ubermenu-target.small {
		font-size: 20px;
		padding: 5px 2vw !important;
	}
	.ult-content-box-container img {
		width: 50px !important;
		margin-bottom: -5px !important;
	}
	.ult-content-box h5 {
		font-size: 16px !important;
		margin-bottom: -30px !important;
	}
	
.wpb_content_element {
    margin-bottom: 4vw !important;
}	
}

@media screen and (max-width: 380px) {

.home #logo.large, .home #logo {
	width: 20vw;
	}
#logo.small {
    width: 40px;
    top: 10px;
}

.home .navbar, .home .navbar.large {
    padding-left: 25vw !important;
}
.navbar, .navbar.large {
    position: fixed !important;
    padding-left: 19vw !important;
}
.home .navbar.small {
    padding-left: 16vw !important;
}
	.hintergrund {
    	margin-left: 0 !important;
    	margin-right: 0 !important;
	}
	.hintergrund-team {
   	 	margin-left: 17.5px !important;
   	 	margin-right: 17.5px !important;
    	width: auto !important;
	}
	.ult-content-box h5 {
		min-height: 55px !important;
	}
}