/*.fullw-autoh img {
	width: 100%;
	height: auto;
}*/
html, body {
    font-weight: 400;
}
img {
	width: 100%;
	height: auto;
}
p {
	color: #55524e;
}
.align-items-center {
	align-items: center;
}
.align-items-end {
	align-items: end;
}

.so-widget-portfolio2 .item-caption {
	height: 200px;
}
/*#logo {
	pointer-events: none;
}*/
#lp-intro {
	padding-top: 200px;
}
.item-content img {
	width: 100%;
	height: auto;
}


.item-title {
	color: #ab976e;
}



.ns-subtitle-top {
    font-size: 16px;
    color: #999;
    width: 100%;
    z-index: 10;
    margin-left: 3px;
    line-height: 30px;
    -webkit-transition: color 0.2s ease-in-out 0s !important;
    transition: color 0.2s ease-in-out 0s !important;
}

.remove_row_padding .container {
	padding: 0 120px;
}
.remove_row_padding .vc_row {
	padding-top: 0;
}

.align_items_start {
	align-items: flex-start;
}
.align_items_center {
	align-items: center;
}
.align_items_end {
	align-items: flex-end;
}

.btn {
	font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    z-index: 10;
    display: inline-block;
    position: relative;
    color: #fff !important;
    background-color: #000;
    overflow: hidden;
    cursor: pointer;
    padding: 14px 36px;
    border-radius: 3px;
    outline: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.btn::before {
	content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s ease-out;
    -webkit-transition: transform .2s ease-out;
	z-index: 1;
}
.btn:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}
.btn span {
	position: relative;
	z-index: 2;
}
.small {
	width: 100%;
	max-width: 900px;
	margin: auto;
	padding-left: 50px;
	padding-right: 50px;
    box-sizing: border-box;
}
.full {
	width: 100%;
    max-width: 100%;
	padding-left: 220px;
    padding-right: 220px;
    box-sizing: border-box;
}
.maximumfull {
	width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}

/*.lp-book-grid {
	padding: 30px;
}*/
.lp-book-grid > .panel-grid-cell {
	margin: 30px;
}
.lp-book-grid img {
	width: 100%;
	height: auto;
}
.lp-book-grid .ns-subtitle-top {
	font-size: 20px;
}
.image-link::after {
	background-position: center;
    background-repeat: no-repeat;
    padding: 10px;
    background-color: rgba(0,0,0,.2);
}

.sow-icon-fontawesome {
	font-size: 32px;
}
input, textarea, input::placeholder, textarea::placeholder {
	font-family: 'Roboto', sans-serif !important;
}
#contact-formular {
	text-align: center;
}
.submit-box {
	overflow: visible;
}
.submit-box input[type="submit"] {
	width: 100%;
}
.submit-box::before {
	border-radius: 3px;
}
.message-box {
	margin-bottom: 60px;
}
.message-box textarea {
	margin-bottom: 0px;
}
.wpcf7 .ajax-loader {
	position: absolute;
}
.name-box, .email-box, .message-box {
	position: relative;
}
.name-box::after, .email-box::after, .message-box::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #000;
	width: 0;
	transition: all .2s linear;
}
.name-box.focused::after, .email-box.focused::after, .message-box.focused::after {
	width: 100%;
}
/* 7. Underline Link */		
	
	a.link, .so-widget-textfeld a {
		display:inline-block;
		position:relative;
		color: #ab976e
	}
	
	a.link::after, .so-widget-textfeld a::after {
		width: 100%;
		height: 1px;
		position: absolute;
		content: "";
		background-color:rgba(0,0,0,0.3);
		left: 0;
		bottom: -2px;
	}
	
	h1 a.link::after {
		height: 3px;
		bottom: 0;
	}
	
	.light-content a.link::after {
		background-color:rgba(255,255,255,0.2);
	}
	
	.light-content a.link {
		color:#fff;
	}
	
	a.link::before, .so-widget-textfeld a::before{
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #ab976e;
		transform: scaleX(0);
		transform-origin: right;
		transition: transform .2s ease-out;
	}
	
	h1 a.link::before {
		bottom: 0px;
		height: 3px;
	}
	
	.light-content a.link::before {
		background: rgba(255,255,255,1);
	}
  
    a.link:hover::before , .so-widget-textfeld a:hover::before {
		transform: scaleX(1);
		transform-origin: left;
	}
	.item-case a.link {
		overflow: visible;
		width: auto;
		/*padding-bottom: 2px;*/
	}
	.item-case a.link::before,
	.item-case a.link::after {
		bottom: 0;
	}
	
	
	.clapat-icon {
		color:#000;
		position:relative;
		margin-top:15px;
		margin-bottom:15px;
	}
	
	.light-content .clapat-icon {
		color:#fff;
	}
	
	.clapat-icon:after {
	  content: "";
	  clear: both;
	  display: table;
	}
	

/* =====================
	DISPLAY NONE
===================== */
#page-action-holder {
	display: none;
}
@media only screen and (max-width: 1466px) {
	.full {
	    padding-left: 100px;
	    padding-right: 100px;
	}
}
@media only screen and (max-width: 1024px) {
	.full {
	    padding-left: 50px;
	    padding-right: 50px;
	}
	.row_padding_top {
	    padding-top: 50px;
	}
	.row_padding_bottom {
		padding-bottom: 50px;
	}
	.ns-element-empty-space {
		height: 50px !important;
	}
	/*.panel-grid .panel-grid-cell {
		width: 50% !important;
	}*/
}
@media only screen and (max-width: 767px){
	.hero-title, h1 {
	    font-size: 36px;
	    line-height: 30px;
	}
	h2 {
	    font-size: 28px;
	    line-height: 34px;
	}
	h3 {
	    font-size: 24px;
	    line-height: 28px;
	}
	.small,
	.full {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.row_padding_top {
	    padding-top: 30px;
	}
	.row_padding_bottom {
		padding-bottom: 30px;
	}
	#logo {
		margin-left: 30px;
		margin-bottom: 0px;
	}
	.ns-element-empty-space {
		height: 30px !important;
		display: none;
	}
	#intro {
		padding-top: 0;
		padding-bottom: 0;
	}
	#intro-img img {
		max-width: 80%;
		margin-bottom: 20px;
	}
	.reverse-columns-mobile {
		flex-direction: column-reverse !important;
	}
	header {
		height: auto;
	}
	#header-container {
	    padding: 10px 0;
	    box-sizing: border-box;
	    margin: 0px auto;
	    height: auto;
	    float: left;	
	    width: 100%;
	}
	.so-panel {
		margin-bottom: 10px !important;
	}
	/*.ns-element-erweitertes_textfeld h1,
	.ns-element-erweitertes_textfeld h2,
	.ns-element-erweitertes_textfeld h3,
	.ns-element-erweitertes_textfeld h4,
	.ns-element-erweitertes_textfeld h5,
	.ns-element-erweitertes_textfeld h6,
	.ns-element-erweitertes_textfeld p,
	.ns-element-erweitertes_textfeld a {
		text-align: left !important;
	}*/
	#menu-burger {
		/*display: none !important;*/
	}
}
@media only screen and (max-width: 440px){
	.hero-title, h1 {
	    font-size: 28px;
	    line-height: 34px;
	}
	h2 {
	    font-size: 24px;
	    line-height: 30px;
	}
	h3 {
	    font-size: 20px;
	    line-height: 26px;
	}
	p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.title-has-line {
	    margin-bottom: 15px;
	}
}