@charset "UTF-8";

/*
Theme Name: URSmanagement
Theme URI: https://www.fahrenheit.ch
Author: Webagentur fahrenheit
Author URI: https://www.fahrenheit.ch/
Description: Cutom theme bases on 2021 WP Theme
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

:root {
	--global--spacing-vertical: 30px;
	--global--spacing-horizontal: 50px;
	--global--admin-bar--height: 32px;
	
	--language-nav--font-size: 1rem;
}


::selection {
	color:#fff;
	background: #0072bc; 
}
::-moz-selection {
	color:#fff;
	background: #0072bc;
}
    


body {
	font-family: 'canada-type-gibson', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, Helvetica, 'Helvetica Neue', sans-serif;
	font-weight:  100;
	font-style:   normal;
	font-stretch: normal;
	font-size:1.1rem;
	color: #000;
}


.hidden {display:none;}
.vis-hidden {visibility:hidden}
.d-none { display: none !important; }
b, strong { font-weight:400; }
b.reg, strong.reg { font-weight:400; }

.content-area {
	line-height:2rem;
}


    
a {
	 color: #0072bc;
	 text-decoration: none;
	 background-color: transparent;
	 -webkit-text-decoration-skip: objects;
	 transition: all 0.15s linear;
}
    
a:hover, a:focus {
  color: #0072bc;
  text-decoration: underline;
}



h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	 font-family: inherit;               
	 font-weight: 200;
	 font-style: normal;
	 margin-bottom: .5rem;
	 line-height: 1.3;
	 color: inherit;
}
    

    
.h1, h1 { font-size: 1.6rem; margin-bottom:2.6rem; }
.h2, h2 { font-size: 1.4rem; margin-bottom:1.8rem; }
.h3, h3 { font-size: 1.4rem; margin-top: 2.2rem; margin-bottom:1rem; }
.h4, h4 { font-size: 1.2rem; }
.h5, h5 { font-size: 1.1rem; line-height:1.3; }
.h6, h6 { font-size: 1rem; }

.entry-title {
	/* h1 on pages, except home */
	margin-top:0;
	margin-bottom:1.6rem;
}

.wp-block-image { margin-bottom:4rem; }
.wp-block-image img { max-width: 100%; height: auto; }



/* ---------------------- Website Elemente ---------------------------------------------
*/



.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}



html, body, div, header, nav, article, figure, hr, main, section, footer {
    max-width: none;
}

.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .site-content, .alignwide, .wide-max-width {
    max-width: min(calc(100vw - 0.5 * var(--global--spacing-horizontal)), 680px);
    margin-left: auto;
    margin-right: auto;
}


.site-header {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: var(--global--spacing-vertical);
    
    
}



/*
.block-left {
	display: flex;
	width:100%;
	text-align:left;
	margin-right:auto;
}

.block-right {
	display: flex;
	width:100%;
	text-align:right;
	margin-left:auto;
}
*/


/* bei home-> h1 */
.width-reduced { max-width:100%; }





.lang-switcher {
	display:flex;
	width:100%;
}
.site-branding { margin-top:1.8rem; margin-bottom:1.1rem;}
.site-branding svg { max-width:56%; }



.language-navigation {
	 position: relative;
    margin-left: auto;
    top: var(--global--admin-bar--height);
    right: 0;
    color: #000;
    font-size: var(--language-nav--font-size);
    line-height: 1.15;
    margin-top: 0;
    margin-bottom: 0;
}


.lang-switcher .wpml-ls {
    margin-right: calc(0px - var(--primary-nav--padding));
    margin-left: calc(0px - var(--primary-nav--padding));
    visibility: visible;
    opacity: 1;
    position: relative;
    padding: 0;
    background-color: transparent;
    overflow: initial;
    transform: none;
}

.lang-switcher ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
    position: relative;
}

.lang-switcher li {
    padding-right: 5px;
    padding-left: 5px;
    display: flex;
    position: relative;
}
.lang-switcher li+li:before {
    content: "|";
    color: #000;
    padding-right:12px;
    padding-top:2px;
}
.lang-switcher a {
	padding: 2px 5px;
	color:#000;
}

.footer-navigation {
    margin-top: 2em;
    margin-bottom: 2em;
    color: #fff !important;
    font-size: 0.86rem;
    font-family: inherit;
}
.footer-navigation-wrapper {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}
.footer-navigation-wrapper li {
    display: inline-block;
    line-height: 2;
    margin-right:1rem;
}
.footer-navigation-wrapper a {
	padding:4px 10px;
}
.footer-navigation-wrapper li:first-child a {
	padding-left:0;
}

.footer-wrapper {
    padding: 80px 0 0 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.footer-wrapper:after {
    width: 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 9%;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
    z-index: 2;
    background: rgb(51,142,201);
	background: linear-gradient(130deg, rgba(51,142,201,1) 0%, rgba(0,77,127,1) 100%);
}
.footer-inner {
    position: relative;
    z-index: 3;
    color:#ffffff;
}
.footer-inner .widget-area {
	color:#fff !important;
}
.footer-inner a {
	color:#fff !important;
}




.search-form {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	margin-bottom:3rem;
	/* max-width: var(--responsive--aligndefault-width); */
}

.search-form > label {
	width: 100%;
	margin-bottom: 0;
}

.search-form .search-field {
	flex-grow: 1;
	max-width: inherit;
	margin-top: 1rem;
	margin-right: 2rem;
	
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.search-form .search-submit {
	margin-top: 1rem;
	font-weight:400;
	font-size: 1.2rem;

    display: inline-block;
    line-height: 1.5;

    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: .375rem .75rem;
   
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    color: #fff;
	 background-color: #0072bc;
	 border-color: #0072bc;	
}





.c-accordion__item {} /* The accordion item container */
.c-accordion__item.is-open {} /* is-open is added to open accordion items */
.c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */
.c-accordion__title { padding-right:4rem; } /* An accordion item title */
.c-accordion__title--button {} /* An accordion item title that is using a `<button>` tag */
.c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */
.c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {} /* An accordion item content container */

.c-accordion__title::after {color: #0072bc;font-weight:100; }
.is-open > .c-accordion__title::after { padding-bottom: 8px; /* fix visuall positon +/- diffs */ }



h2.c-accordion__title:empty {
	height:60px;
	font-size:60px;
	display:inline-block;
	margin-bottom:0;
	outline:none;
}
h2.c-accordion__title:empty:hover {
	text-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.wp-block-media-text {margin-bottom:2rem;}
.wp-block-media-text.has-media-on-the-right.is-style-urs-referenz,
.wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.is-style-urs-referenz,
.wp-block-media-text.has-media-on-the-left.is-style-urs-referenz,
.wp-block-media-text.has-media-on-the-left.is-stacked-on-mobile.is-style-urs-referenz {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
}
.is-style-urs-referenz .wp-block-media-text__media img {
	width:auto;
	
}
.is-stacked-on-mobile.is-style-urs-referenz .wp-block-media-text__media img {margin-bottom:1.3rem;}
.wp-block-media-text__media img {
	border-radius:50%;
}

.wp-block-media-text.is-style-urs-referenz {
   -ms-grid-columns: min-content 1fr;
	grid-template-columns: min-content 1fr;
}



/*
.block-left .c-accordion__title {
	padding-right:0;
	padding-left:4rem;
}
.block-left .c-accordion__title::after {
	left:0;
}
*/



/* -------------- Gutenberg styles Ergänzungen register_block_style --------------------------------- */
hr.wp-block-separator.is-style-hr-block-spacer {
	border-bottom: none;
	padding:10px 0;
}

.wp-block-group.is-style-block-left {
	display: flex;
	width:100%;
	text-align:left;
	margin-right:auto;
	max-width:100%;
}

.wp-block-group.is-style-block-right {
	display: flex;
	width:100%;
	text-align:right;
	margin-left:auto;
	max-width:100%;
}

.wp-block-group.is-style-block-left .c-accordion__title {
   padding-right:0;
	padding-left:4rem;
}

.wp-block-group.is-style-block-left .c-accordion__title::after {
	left:0;
}
/*
.wp-block-group.is-style-block-right ul {
	direction: rtl;
}
*/

.content-area ul { margin-left:-15px; }	/* gleicher Abstand wie rechte bullets */
.content-area li { padding-left:5px; }
.wp-block-group.is-style-block-right li {
  display:block;
  list-style:none;
  padding-right:30px;
  position: relative;
}

.wp-block-group.is-style-block-right li::after {
    content: "•";
    display: inline-block;
    position: absolute;
    right: 10px;
    top:0;
}





@media (max-width: 575px) { 
	.lang-switcher {margin-top:-10px; }
	.wp-block-image { margin-bottom:3rem; }
	
	.is-stacked-on-mobile.is-style-urs-referenz .wp-block-media-text__content {
		padding-left:0;
		padding-right:0;
	}
}

@media (min-width: 576px) { 

	.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .site-content, .alignwide, .wide-max-width {
    	max-width: min(calc(100vw - 0.9 * var(--global--spacing-horizontal)), 680px);
	}
	
	.site-branding { margin-top:2rem; margin-bottom:1.2rem;}
	.site-branding svg { max-width:68%; }
	
	.h1, h1 { font-size: 1.8rem; margin-bottom:3rem; }
}
@media (min-width: 768px) { 
	.site-header, .content-area { padding: 0; }
	body { font-size:1.2rem;}
	
	
	.wp-block-group.is-style-block-left,
	.wp-block-group.is-style-block-right { max-width:90%;	}
	
	.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .site-content, .alignwide, .wide-max-width {
    	max-width: min(calc(100vw - 2.3 * var(--global--spacing-horizontal)), 680px);
	}
	.site-branding { margin-top:3rem; margin-bottom:1.9rem;}
	.site-branding svg { max-width:74%; }
	.footer-wrapper { padding: 110px 0 20px 0;}
	.footer-wrapper:after {top: 11%;}
	
	h2.c-accordion__title:empty { height:70px;font-size:70px; }
	
	.h1, h1 { font-size: 2.2rem; margin-bottom:3rem; }
	.h2, h2 { font-size: 1.8rem; margin-bottom:1.8rem; }
	.h3, h3 { font-size: 1.6rem;}
}
@media (min-width: 992px) { 
	body { font-size:1.29rem;}
	.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .site-content, .alignwide, .wide-max-width {
    	max-width: min(calc(100vw - 2.5 * var(--global--spacing-horizontal)), 980px);
	}
	hr.wp-block-separator.is-style-hr-block-spacer { padding:20px 0;}
	.site-branding { margin-top:4.8rem; margin-bottom:2.9rem;}
	.site-branding svg { max-width:80%; }
	
	
	
	.wp-block-group.is-style-block-left,
	.wp-block-group.is-style-block-right { max-width:80%;	}
	
	.footer-wrapper { padding: 140px 0 10px 0;}
	.footer-wrapper:after {top: 13%;}
	
	.h1, h1 { font-size: 2.8rem; margin-bottom:5rem; letter-spacing:-0.4px }
	h1.width-reduced { max-width:90%; }
	.h2, h2 { font-size: 2rem; margin-bottom:1.8rem; }
	.h3, h3 { font-size: 1.8rem;}
	
}
@media (min-width: 1200px) { 
	.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .site-content, .alignwide, .wide-max-width {
    	max-width: min(calc(100vw - 3 * var(--global--spacing-horizontal)), 1240px);
	}
	
	
	
	.lang-switcher { margin-top:2.8rem; margin-bottom:2rem;}
	.site-branding { margin-top:4rem; margin-bottom:2.8rem;}
	.site-branding svg { max-width:none }
	.footer-wrapper { padding: 200px 0 20px 0;}
	.footer-wrapper:after {top: 18%;}
	
	h2.c-accordion__title:empty { height:80px;font-size:80px; }
	
	.h1, h1 { font-size: 3.3rem; margin-bottom:6rem; }
	h1.width-reduced { max-width:80%; }
	.h2, h2 { font-size: 2.7rem; margin-bottom:1.8rem; }
	
	hr.wp-block-separator.is-style-hr-block-spacer { padding:35px 0;}
	/*
	.wp-block-group.is-style-block-left, .wp-block-group.is-style-block-right {
		margin-bottom:70px;
	}
	*/
}

@media (min-width: 1200px) { 
	h1.width-reduced { max-width:75%; }
}



/* ---------------------------------------
Category 07 is for any utility classes that are not assigned to a specific component. 
*/
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.skip-link:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

@media (prefers-reduced-motion) {

	* {
		transition-delay: 0s !important;
		transition-duration: 0s !important;
	}
}


.text-right { text-align: right; }


@media print {
  .footer-wrapper::after { background:none;}
  .footer-inner {color:#000;}
  .footer-inner .widget-area { color:#000 !important;}
.footer-inner a { color:#000 !important;}
}