/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: froodmat.com
Author URI: http://www.froodmat.com
Template: uncode
Version: 1.0.1
Text Domain: uncode
*/

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "ClarikaOfficeGrotesqueRegular";
  src: url('webFonts/ClarikaOfficeGrotesqueRegular/font.woff2') format('woff2'), url('webFonts/ClarikaOfficeGrotesqueRegular/font.woff') format('woff');
}
@font-face {
  font-family: "ClarikaOfficeGrotesqueBold";
  src: url('webFonts/ClarikaOfficeGrotesqueBold/font.woff2') format('woff2'), url('webFonts/ClarikaOfficeGrotesqueBold/font.woff') format('woff');
}
@font-face {
  font-family: "ClarikaOfficeGrotesqueItalic";
  src: url('webFonts/ClarikaOfficeGrotesqueItalic/font.woff2') format('woff2'), url('webFonts/ClarikaOfficeGrotesqueItalic/font.woff') format('woff');
}
@font-face {
  font-family: "ClarikaOfficeGrotesqueBoldItalic";
  src: url('webFonts/ClarikaOfficeGrotesqueBoldItalic/font.woff2') format('woff2'), url('webFonts/ClarikaOfficeGrotesqueBoldItalic/font.woff') format('woff');
}

.btn-sm {
font-size: 14px !important;
padding: 6px 20px !important;
transform: scale(1) !important;
}

	
p, li, dt, dd, dl, address, label, small, pre, code {
	line-height: 1.4;
}


.sprung {
	visibility: hidden;
	height: 0px !important; 
	position: absolute; 
	margin: -100px;
}

.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover {
    text-shadow: 0px 0px 1px;
	background-color: white !important;
}

.no-touch .tmb-desaturated.tmb .t-entry-visual img, .no-touch .tmb-desaturated.tmb .t-entry-visual .t-background-cover, .no-touch .tmb-desaturated.tmb .t-entry-visual .fluid-object {
	filter: grayscale();
	webkit-filter: grayscale();
	-moz-filter:    grayscale();
	-ms-filter:     grayscale();
	-o-filter:      grayscale();
}


h1, .h1, h2, .h2  {
	letter-spacing: -0.02em;
	font-family: ClarikaOfficeGrotesqueBold;
	line-height: 1.1;
	font-stretch: normal;
	font-weight: 100;
}

.start_header .heading-text.el-text > *:first-child {
	margin-top: -35px !important;
}

 
b, strong {
	font-weight: 100;
	font-family: ClarikaOfficeGrotesqueBold;

}
.intro h2 {
	padding-top:8px;
}

.leistung-text p {
	margin-top: -12px !important;
}

.widget-container ul li {
	margin-bottom: -2px;
	line-height: 1.5;
}

.navbar .menu-container {
z-index: 100;


}

body:not(.menu-force-opacity):not(.menu-scroll-transparency:not(.navbar-hover))[class*="hmenu-"] .menu-primary.is_stuck .menu-container {
	box-shadow: 0 1px 1px 0px #91bed4 !important;

}

@media (min-width: 960px) {
body.hmenu .menu-primary .menu-horizontal .menu-smart > li > a
{
bottom: 28px;
align-items: end;	
}

.wpml-ls-native {
	padding-left: 50px;
}


}


.menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn) {
	letter-spacing: 0em;
}

.intro p {
	font-family: "ClarikaOfficeGrotesqueRegular";
}



@media (max-width: 1499px) {
.row-background .background-wrapper .background-inner, .column-background .background-wrapper .background-inner {
	background-size: cover !important;
}
}

.quote {
  color: #11465E !important;
 }
 
 .quote p {
	margin-top: 5px !important;
	line-height: 1.3 !important;	
 }
 
.download .icon-box-content {
padding-left: 12px !important;
}

.download .icon-box-content a {
color: #001228 !important;
}

.style-light p strong {
  color: #001228 !important;
}

.blue p strong, .blue {
  color: #11465E !important;
}

.post-content ul {
	list-style: none !important;
}

.border-blue-bottom {
	box-shadow: 30px 30px #7B989D;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}

.border-light-blue-bottom {
	box-shadow: 30px 30px #A8BED1;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}

.border-lightest-blue-bottom {
	box-shadow: 30px 30px #CADADD;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}


.border-dark-blue-bottom {
	box-shadow: 30px 30px #11465E;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}


.border-red-top {
	box-shadow: 30px -30px #E52729;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	top:100px;
	z-index: 100;
}

.border-red-top-small {
	box-shadow: 20px -20px #E52729;
	padding-left: 0px !important;
	position: relative;
	right: 20px;
    z-index: 100;
}


.border-darkblue-top-small {
	box-shadow: 20px -20px #0C203B;
	padding-left: 0px !important;
	position: relative;
	right: 20px;
	z-index: 100;
}


.border-blue-top {
	box-shadow: 30px -30px #0C203B;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	top:100px;
	z-index: 100;
}

.border-jeans-blue-top {
	box-shadow: 30px -30px #2D476A;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}

.border-light-blue-top {
	box-shadow: 30px -30px #5E869A;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}

.border-lightest-blue-top {
	box-shadow: 30px -30px #CADADD;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	top:100px;
	z-index: 100;
}

.border-blue-top.kontakt {
	box-shadow: 30px -30px #E52729;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	top:105px;
	z-index: 100;
}

.border-darker-blue-top {
	box-shadow: 30px -30px #11465E;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}

.border-darker-blue-top-small {
	box-shadow: 20px -20px #11465E;
	padding-left: 0px !important;
	position: relative;
	right: 20px;
	z-index: 100;
}

.border-lightred-top {
	box-shadow: -30px -30px #F5F0F0;
	padding-left: 0px !important;
	position: relative;
	right: 30px;
	z-index: 100;
}

.menu-light .menu-smart a:hover {

	text-shadow: 0px 0px 1px;
}


.kontakt .style-light input, .kontakt .style-light textarea {
	border-color: #E52729;
	padding-left: 10px !important;
	color: #001228;

}

.kontakt input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"] {
font-size: 12px;
padding: 8px 20px !important;
letter-spacing: 0px !important;
text-transform: None !important;
border-radius: 10em;
background: none !important;
}

.kontakt input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button[type="submit"]:hover {
color: white !important;
background: #E52729 !important;
}

@media (max-width: 960px) {
.kontakt .input-underline input[type="text"], .kontakt .input-underline input[type="email"] {
	width: -webkit-fill-available;
}

#main-logo .navbar-brand img {
height: 85%;
}

.abstand { 
	display: none;
}

}

@media (max-width: 1500px) {

.abstand { 
	display: none;
}

}

@media (min-width: 960px) {
	.menu-smart ul > li > a, .menu-smart ul > li > ul > li > a {
		padding: 5px 0px 5px 0px;
		}
		
	.menu-horizontal .menu-smart ul, .top-menu .menu-sub-enhanced.menu-horizontal ul.menu-smart > li ul {
		 padding: 0px 15px 15px 15px;
		  
			}


.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) {
	width: fit-content !important;
	text-align: left;
}

.menu-shadows {
box-shadow: none;
}

.wpml-ls-native {
	padding-left: 0px;
	margin-left: -20px;
}

.wpml-ls-first-item  {
	padding-left: 50px !important;
}

}

details > summary {
  color: #E52729; 
  cursor: pointer;
  padding-top: 15px;
}

.blue details > summary {
  color: #11465E; 
  cursor: pointer;
  text-decoration: underline;
}


details > p {
  padding: 4px;
}

summary::after {
  font-family: "uncodeicon";
  content: "\e0c5"; 
  padding-left: 8px;
  color: #169BD7;
}

.blue summary::after {
  content: none;
  }

summary {
list-style: none !important;
}

summary::-webkit-details-marker,
summary::-moz-details-marker,
summary::-ms-details-marker,
summary::-o-details-marker,
summary::details-marker {
	display:none;
}

summary::before {
content: none !important;
}


.owl-prev .owl-nav-container, .owl-next .owl-nav-container {
	height: 90px;
	width: 36px;
	top: -44px;
	position: relative;
	cursor: pointer;
	text-align: center;
    background: none !important;
}

.btn-default {
	background: none !important;
}

.fa-angle-right::before {
	content: "\e876";
	color: #E52729 !important;
}

.fa-angle-left::before {
	content: "\e875";
	color: #E52729 !important;
}

.content-box > .panel-group .panel-heading + .panel-collapse .panel-body {
border-width: 1px;
border-style: solid;
border-color: #E52729 !important; 
width: max-content;
position: fixed;
right: 0px;
padding: 15px;
background: #FFFFFF;
}


.content-box .panel-body a {
  color: #11465E !important;
}

.content-box .panel {
    position: fixed;
    right: 0px;
    width: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #E52729 !important; 
}

.content-box .panel-title > a > span {
	font-size: 18px !important;
	text-transform: none !important;
	letter-spacing: -0.5px !important;
	font-family: 'ClarikaOfficeGrotesqueRegular' !important;
}

.content-box .panel-title > a {
	padding: 5px 5px 5px 25px !important;
	background: white;
}

.content-box .panel-title > a > span:after {
	left: 25px !important;
	text-shadow: 0px 0px 1px;
	font-size: 20px;
    transition: none !important;
	transform: translateY(-50%) translateX(-100%) rotate(180deg);
}

.content-box .panel-title.active > a span:after {
	left: 15px !important;
	transform: rotate(90deg);
    transform-origin: top;
}


.uncode-accordion.wpb_accordion.wpb_content_element.content-box {
position: fixed;
right: 0px;
bottom: 70%;
width: 100px;
z-index: 100;
}

.uncode-accordion.wpb_accordion.wpb_content_element.content-box > a {
 color: #11465E !important;
} 

.faq .panel-title > a {
  color: #001228 !important;
  padding: 18px 18px 18px 0px;
}

.faq .panel-group .panel-heading + .panel-collapse .panel-body {
border-color: #407691 !important;
}

.faq .panel-body {
	padding-left: 25px;
}

.faq .panel {
border-top-width: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #407691 !important;
}

.faq .panel-title > a > span:after {
	content: "\e0c5";
}

.faq .el-text p {
color: #E52729 !important;
}

.owl-dots-inside .owl-dots .owl-dot span {
box-shadow: 0px 0px 0px 1px #E52729;
background: #ffffff;
opacity: 0.5;
}

.tmb-light.tmb-color-overlay-text, .tmb-light.tmb .t-entry-visual :not(.add_to_cart_text):not(.view-cart), .tmb-light.tmb .t-entry-visual a:not(.add_to_cart_text):not(.view-cart), .tmb-light.tmb .t-entry-visual .t-entry-title a:not(.add_to_cart_text):not(.view-cart), .tmb-light.tmb .t-entry-visual .t-entry-meta span:not(.add_to_cart_text):not(.view-cart) {
	-webkit-backdrop-filter: grayscale();
}

@media (max-width: 959px) {

.el-text > * > span:not(.heading-text-inner), .el-text > * > i > span:not(.heading-text-inner) {
	display: -webkit-flex;
	display: flex;

}

.submenu-light:not(.isotope-filters) .menu-smart a {
		display: -webkit-inline-flex;
		display: inline-flex;
	}

.intro h1  {
 font-size: 35px !important;
}

.is_stuck .menu-container {
	box-shadow: 0 1px 1px 0px #91bed4 !important;

}

.row div.column_child {
	padding: 0px 0px 0px 0px !important;
}

.border-blue-bottom {
right: 15px;
}

.border-red-top {
right: 15px;
}

.border-red-top-small {
	right: 10px;
}

.border-darker-blue-top {
	right: 15px;
}

.border-darker-blue-top-small {
	right: 10px;
}

form input[type="submit"] {
width: auto;
}

.border-blue-top {
	right: 15px;
	top : 0px;
}

.border-blue-top.kontakt {
	right: 15px;
    top : 0px;
	
}

.leistung-box-1 {
	position: relative;
	top: 50px;
}

.leistung-box-2 {
	position: relative;
	top: 100px;
}

.menu-horizontal-inner > div:first-child:not(.navbar-social) .menu-smart:not(.menu-icons), .menu-horizontal-inner > div.navbar-social + div .menu-smart:not(.menu-icons), .menu-horizontal-inner > div.navbar-cta + div .menu-smart:not(.menu-icons) {
		padding: 0px 0px 0px 0px !important;
}

.fa-angle-right::before {
	content: none !important;
}

.font-size-menu-mobile, .menu-container:not(.grid-filters) ul.menu-smart a:not(.social-menu-link):not(.vc_control-btn) {
		font-size: 18px !important;
	    text-transform: none !important;
	}

.widget-container.widget_nav_menu.widget-style .menu-horizontal a {
	text-transform: none;
}

.bild-links {
	position: relative;
	right:15px;
}

.bild-rechts {
	position: relative;
	left:15px;
}

.border-lightred-top {
	left: 15px;
}

.owl-dots {
left: calc(50% + 30px);
}
}
.partizipativ p strong {
	color: #11465E !important;
}

.intro p strong {
  color: white !important;
}

.start_header .el-text span {
	margin-top: 24px;
}

.wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors, .wpcf7 span.wpcf7-not-valid-tip {
	text-align: left !important;
}

.wpml-ls-slot-19.wpml-ls-current-language, .wpml-ls-slot-19.wpml-ls-current-language a, .wpml-ls-slot-19.wpml-ls-current-language a:visited {
	font-family: "ClarikaOfficeGrotesqueBold" !important;
}

.current-menu-item a {
	font-family: "ClarikaOfficeGrotesqueBold" !important;
}