/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* ==========================================================================
   WPML-Sprachumschalter (Flaggen) im Header
   Markup kommt aus functions.php -> waterkant_language_flags()
   ========================================================================== */
div.logo-container-mobile, #main-logo {
	position: relative !important;
	z-index: 100 !important;
}

.wk-lang.wk-lang--mobile {
	display: none !important;
}

.wk-lang__list {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wk-lang__item {
	margin: 0;
	padding: 0;
	line-height: 1;
}

.wk-lang__link {
	display: block;
	line-height: 0;
	padding-bottom: 3px;
	border-bottom: 2px solid transparent;
	opacity: 0.55;
	transition: opacity 0.2s ease, border-color 0.2s ease;
}

.wk-lang__link:hover,
.wk-lang__link:focus {
	opacity: 1;
}

.wk-lang__item.is-active .wk-lang__link {
	opacity: 1;
	/*border-bottom-color: #1e6091;*/
}

.wk-lang__flag {
	display: block;
	width: auto;
	height: 16px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

/* --- Desktop --- */
/*@media screen and (min-width: 960px) {*/
	/* Anker ist .row-menu-inner — der Umschalter wird als dessen erstes
	   Kindelement ausgegeben (siehe functions.php). Uncode setzt
	   .row-menu-inner bereits auf position:relative, es braucht dafuer also
	   keine eigene Regel.

	   Voreinstellung: rechts unten, buendig unter dem Hauptmenue. Alle vier
	   Werte lassen sich ueber die Custom Properties verschieben, ohne diese
	   Datei anzufassen — z. B. ueber dem Logo:

	     .row-menu-inner {
	         --wk-lang-right: auto;
	         --wk-lang-bottom: auto;
	         --wk-lang-left: 129px;
	         --wk-lang-top: 4px;
	     }

	   Gemessen bei 1400 px Viewport liegt das Logo bei left:129px, top:27px
	   und ist 242 x 70 px gross. */
	.wk-lang--desktop {
		position: absolute;
		/*right: var(--wk-lang-right, 32px);*/
		/*bottom: var(--wk-lang-bottom, 8px);*/
		bottom: var(--wk-lang-bottom, 22px);
		left: var(--wk-lang-left, 210px);
		top: var(--wk-lang-top, auto);
		z-index: 105;
	}

	.wk-lang--mobile {
		display: none;
	}
/*}*/
@media screen and (max-width: 959px) {
	.wk-lang__item:not(:last-child) {
		margin-right: 10px;
	}
}

/* --- Mobile: links neben dem Hamburger-Button --- */
@media screen and (max-width: 959px) {
	/*.wk-lang--desktop {
		display: none;
	}*/

	/* .mmb-container enthaelt die Uncode-Icons und den Burger. Flex sorgt
	   dafuer, dass der Umschalter links neben dem Burger einsortiert wird;
	   align-items bleibt bewusst auf stretch, damit der Burger unveraendert
	   die volle Hoehe behaelt. */
	.mmb-container {
		display: flex;
	}

	.wk-lang--mobile {
		display: flex;
		align-items: center;
		padding-right: 4px;
	}

	.wk-lang--mobile .wk-lang__list {
		gap: 6px;
	}

	.wk-lang--mobile .wk-lang__flag {
		/*width: 22px;*/
		width: auto;
		height: 15px;
	}
}


#menu-item-795 a,
#menu-item-795 a:hover,
#menu-item-795 a i,
#menu-item-795 a:hover i,
#menu-item-796 a i,
#menu-item-796 a:hover i {
	color:#1e6091
}

.fa-15x {
	font-size: 1.5em;
}

li#menu-item-795.menu-item {
	height: 100%;
    vertical-align: top !important;
}

@media screen and (min-width:959px) {
	#menu-item-796 {
		display: none;
	}
}

@media screen and (max-width:959px) {
	#menu-item-795 {
		display: none;
	}
}

@font-face {
    font-family: 'Corbel';
    src: url('fonts/CORBEL.TTF') format('truetype'),
         url('fonts/CORBELB.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Corbel Bold';
    src: url('fonts/CORBELB.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Corbel Italic';
    src: url('fonts/corbeli.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Corbel Bold Italic';
    src: url('fonts/Corbel Bold Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Amenti';
    src: url('fonts/Amenti-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Amenti Bold';
    src: url('fonts/Amenti-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Amenti Light';
    src: url('fonts/Amenti-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Amenti Medium';
    src: url('fonts/Amenti-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Amenti Black';
    src: url('fonts/Amenti-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


html, body, div, p {
	font-family: "Corbel" !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Amenti" !important;
}

footer a, footer a:hover, footer a:active, footer a:focus {
	color: #1e6091 !important;
	text-decoration: none;
}

/* Unternehmen / Unsere Gruppe */


@media (max-width: 960px) {
  body.page-orig-15 .uncont p {
      margin: 10px !important;
  }
  body.page-orig-15 .uncont.box p {
      margin: 10px !important;
  }
  body.page-orig-15 div.uncode_text_column > p{
        /*margin: 0px !important;*/
        margin-left: 0px !important;
  }

	body.page-orig-15 #row-unique-2 > div > div > div.wpb_column.pos-middle.pos-center.align_left.column_parent.col-lg-4.box.bild.no-internal-gutter > div > div > div > div{
      padding:15px !important;
  }
  
   body.page-orig-15 #row-unique-3 > div > div > div.wpb_column.pos-top.pos-center.align_left.column_parent.col-lg-4.box.bild.single-internal-gutter > div > div > div > div{
      padding:15px !important;
  }
  
}

body.page-orig-15 .ceo-info { 
	background-color: #f7f7f7; 
	border-radius: 20px; 
}

body.page-orig-15 .ceo-info-p {
	padding: 32px 16px 32px 0;
}

body.page-orig-15 .ceo-info-p.textleft {
	padding: 32px 0px 32px 32px;
}

@media screen and (min-width: 959px) {
	.imgcol .uncell {
		padding: 30px 0 !important;
	}
}

@media screen and (max-width: 959px) {
	body.page-orig-15 .ceo-info-p,
	body.page-orig-15 .ceo-info-p.textleft {
		padding: 0 15px 15px 15px;
	}
	.imgcol .uncell {
		padding: 30px 0 0 0 !important;
	}
}

body.page-orig-15 figcaption {
	font-size:1em;
}

body.page-orig-15 figcaption strong {
	font-size:1.25em;
}