/*
 Theme Name:   yootheme.psvp
 Description:  Mein Child Theme
 Author:       Planzer
 Author URI:   https://www.planter.ch
 Template:     yootheme
 Version:      1.0
 Text Domain:  yootheme.psvp
*/

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.test-css {color: pink}
/* pre-settings */
.height5 { height:5px; } .height10 { height:10px; } .height15 { height:15px; } .height20 { height:20px; } .height25 { height:25px; } /* ... and so on ... */ .block { display:block; } .inline-block { display:inline-block; } .relative { position:relative;height:inherit; } .static { position:static; } .left { float:left; } .right { float:right; } .fifty-percent { width:50%; } .hundred-percent { width:100%; } .no-deco { text-decoration:none; } .underline { text-decoration:underline; } .black { color:black; }  .white { color:#fff !important; }  .red { color:red; }  .blue { color:blue; }  .yellow { color:yellow; } .max-width-90 { max-width:90%;margin:0 auto; } .max-width-80 { max-width:80%;margin:0 auto; } .max-width-70 { max-width:70%;margin:0 auto; } .max-width-60 { max-width:60%;margin:0 auto; } .max-width-50 { max-width:50%;margin:0 auto; }.hidden { display:none; }
.height-zero { height:0 !important;overflow:hidden !important; }

/** PVSP Logo **/
@media only screen and (min-width:1210px){
.uk-logo {
    position:absolute;
    top:0px;
    left:-98px;
    }
.uk-logo img {
    width: 390px !important;
    }
}

/** Menu Styles **/
.uk-navbar-nav,
.uk-navbar-nav ul {
	gap: 0px !important;
    margin-top:30px;
}
/*@media only screen and (min-width:1000px){
.uk-navbar-container {
	position:fixed;
    z-index:20;
    height:72px;
    width:100%;
	}
}
*/
.uk-navbar-nav > li > a{
  align-items: end;
}

li.menu-item {
	border-bottom: 10px solid rgba(0,0,0,0);
    padding: 0 10px;        
    border-right: 1px solid white;
}

.uk-offcanvas-bar li.menu-item {
	border-bottom: 0px solid rgba(0,0,0,0);
    padding: 0 0px;        
    border-right: 0px solid white;
}
.uk-offcanvas-bar {
  background: #555 !important;
}

.menu-item a {
	font-size: 20px !important;
    color: white !important;
    font-family: "Open Sans Condensed",   sans-serif !important;
    font-weight:300 !important;
}
/** Farbbalken in Menus **/
li.ueber-uns:hover {
    border-bottom: 10px solid #218644;
}
li.leistungen:hover {
    border-bottom: 10px solid #AA0035;
}
li.anlagen:hover {
    border-bottom: 10px solid #68a8dd;
}
li.dokumente:hover {
    border-bottom: 10px solid #ffc600;
}
li.kontakt:hover {
    border-bottom: 10px solid #98b0ba;
}

/** Submenu **/
.uk-nav a {
	font-size:14px;
	color:white !important;
	padding: 2px 10px 2px 10px !important;
}

a.el-link {
   padding-left:0 !important;
}

.uk-nav a:hover {color:black !important;}


.uk-navbar-dropdown {
    z-index:30;
    position:fixed;
    background-color: rgba(255,255,255,.9);
    top:70px !important;
	left:0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0px !important;
}

.uk-navbar-dropdown-nav {
	letter-spacing:0px !important;
}

.uk-navbar-dropdown ul {
	margin:auto !important;
    padding-right: calc(100vw/2 - 555px) !important;
}
.uk-navbar-dropdown li.menu-item {
    float: right !important;
    margin:0;  
    border:none;
    padding:0;   
}
.uk-navbar-dropdown li.menu-item a {
	color:black !important;
    text-transform: none;
}

.uk-navbar-dropdown li.menu-item a:hover {
    color:#ffffff !important;
    background-color: #aa0035;
}

.uk-nav > li > a {
    color:rgba(255,255,255,.6) !important;
}

.uk-nav > li > a.mPS2id-clicked {
	font-weight:800 !important;
    color:#ffffff !important;
}

/* {-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}*/
/* advanced checkbox hack (Android 4.1.2) */
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}

img { max-width:100%;height:auto; }

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

body, p {font-family: "Open Sans", sans-serif;font-weight: 400;font-style: normal;}
.uk-card-default{background:rgba(0,0,0,.05);}
.uk-card-primary{background:#E52713;}
.uk-card-secondary{background:rgba(0,0,0,.1);}
.uk-card-title {color:#E52713 !important;} 

h1, h2, h4 {
    font-family: "Open Sans Condensed", sans-serif !important;
    font-weight: 700;
    line-height: 1.2;
}


.uk-h3 {
    color:white;
    font-weight:bold;
    padding-top:80px;
}

.uk-tile-muted {
	border:1px solid grey;
    text-align: center;
    padding:10px
}

.topspace {
	padding-top:430px;
}
/*@media screen and (max-width:960){
	.topspace {
		padding-top: 45vw;
	}
}*/

.theme_menu {
    position:fixed;
    z-index:10;
    height:290px;
    width:100%;
}


/* Changes September 2025 */
h1.uk-h3 {
    color:white;
    font-weight:bold;
    margin-top: 0;
	margin-bottom: 10px;
	font-family:'Playfair Display', serif !important;
	font-size: 24px !important;
}

.theme_menu {
    position:fixed;
    margin-top:70px !important;
    background-color: #AA0035;
    z-index:10;
    height:290px;
    width:100%;
}

.uk-navbar-right {
    margin-top: 30px;
}

main#tm-main div.topspace {
    padding-top: 330px !important;
}

@media (min-width: 960px) {
    .uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center] {
        gap:0px !important;
    }
}

/***  TABLET ***/
@media only screen and (max-width:960px) and (min-width:420px) {
    .submenu .uk-nav {
  		column-count: 3;
	}
	
    .theme_menu {
        position:relative;
		margin-top:0px !important;
    }
	
    .topspace {
 	 	padding-top: 330px;
    }
	
    .uk-h3 {
		padding-top:18px;
	}
	
	h3.uk-card-title {
		font-weight: 600;
	}
	
	main#tm-main div.topspace {
		padding-top: 290px !important;
	}
	
}


/*** MOBILE ***/
@media only screen and (max-width:420px) {
    .theme_menu {
        position:relative;
		margin-top:0px !important;
    }
    .topspace {
 	 	padding-top: 110px;
    }
    .uk-h3 {padding-top:18px;}
	

	main#tm-main div.topspace {
		padding-top: 100px !important;
	}
	
	.uk-totop {
		background-color: rgba(21, 84, 101,.8);
		border-radius:50%;
		color:white;
		padding:14px 10px;
		position:fixed;
		right:10px;
		bottom:30px;
	}
	
}


/**  STARTSEITE  **/
@media only screen and (min-width:400px){
.FrontHeadline {
padding-bottom:44vh !important;
    }
}

.uk-totop {
		background-color: rgba(0,0,0,.2) !important;
		border-radius:50% !important;
		color:white !important;
		padding:13px 10px !important;
		position:fixed !important;
		right:10px !important;
	}