@charset "UTF-8";



/*

Theme Name: Twenty Twenty-One

Theme URI: https://wordpress.org/themes/twentytwentyone/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.

Requires at least: 5.3

Tested up to: 6.0

Requires PHP: 5.6

Version: 9.9.9

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



Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org

Twenty Twenty-One is distributed under the terms of the GNU GPL.

*/







/*complete custom css from SA - old style.css to be found under style_backup_by_SA.css in the same folder*/



/*import css-files*/



@import '/wp-includes/css/dist/block-library/style.min.css?ver=6.0';



@charset "UTF-8";



* {

  margin: 0px 0px;

  padding: 0;

  box-sizing: border-box;

}



/*make font-size to 62.5% and font-size to 1 rem in order to have 10 px sized fonts and pay respect to users settings for font-size in the brwoser - accessibility*/

html {

  font-size: 62.5%;

}



/*include fonts*/



/*"FrutigerW04-55Roman", "Frutiger-Light"

"FrutigerW04-45LightBold", "Frutiger"*/

@font-face {

  font-family: "Frutiger";



  src: url("/wp-includes/fonts/Frutiger.woff2") format("woff2"),

    url("/wp-includes/fonts/Frutiger.woff") format("woff"),

    url("/wp-includes/fonts/Frutiger.eot") format("truetype");

}



@font-face {

  font-family: "Frutiger-Light";



  src: url("/wp-includes/fonts/Frutiger-Light.woff2") format("woff2"),

    url("/wp-includes/fonts/Frutiger-Light.woff") format("woff"),

    url("/wp-includes/fonts/Frutiger-Light.eot") format("truetype");

}



.icon-upload:before {

  content: "\e909";

}



/*Main Declarations*/

body {

  max-width: 878px;

  font-family: "FrutigerW04-55Roman", "Frutiger-Light", Verdana, sans-serif;

  margin: auto;

  font-size: 1.6rem;

  font-weight: 400;

	color: #1c1c1c;

	

  background-color: transparent;

}



.site {

	padding: 2px;

}



a, a:visited, a:focus, a:active, a:hover{

  text-decoration: none;

	color:#1c1c1c;

}

a:hover{

	cursor:pointer;

}



.teaser-headline a{

	margin-top:2px;

}



.headerlink{

	display:flex;

	justify-content: space-between;

	width: 100%;

}



.headerlink a{

	margin-top:8px;

}



.bold, figcaption{

font-weight:bolder;

}



.bold.morearticles{

	font-weight:900;

}



p.bold.morearticles{

	margin:1.3rem 0 0 0;

}



.bold {

	

}



.button-newsletter,

.button-pdf {

  color: #1c1c1c;

  font-size: 1.4rem;

  line-height: 1.8rem;

  text-decoration: none;

}



.button-pdf {

    padding: 1.1rem 0;

	background-color: #ffffff;

}





.newsletter-button-text {

  text-transform: none;

  font-size: 1.6rem;

  font-weight: 600;

  line-height: 2.5rem;

  text-align: center;

  letter-spacing: 0.5px;

}



.button-pdf {

  padding: 1.1rem 0;

}



.flexcontainer {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;

  gap: 10px 20px;

  padding: 2.6rem 0;

}



.topbottommargin{

padding: 2.6rem 0;

}



.calltoaction-four-items.bottompadding{

	padding-bottom:2.6rem;

}



.header .flexcontainer{

	padding-bottom: 0;

}



.flex-start {

  	justify-content: flex-start;

	align-items: baseline;

}



.flex-item1,

.flex-item2,

.flex-item3,

.flex-item4 {

}



.flex-item1 {

	max-width: 573px;

}



.performance-estimation .tendency-img,

.kennzahlen .tendency-img,

.tendency-img,

.pdf-donwload-button {

  width: auto;

  height: 15px;

  margin: 5px;

}



.calltoaction-four-items .pdf-button{

	  margin-top: 10px;

}



.newsletterabonieren .button-link, .putbutton .button-link, .callbutton .button-link{

	margin-top: 3px;

}



.button-link .newsletter-button-text{

margin-top:-3px;}

.button-link .lottiediv{

margin-top:2px;}



img.pdf-donwload-button {

  vertical-align: bottom;

}



.image img {

max-width:878px;

width:100%;

}



.ubs_red {

  color: #e60000;

}



h2 {

  font-size: 4.8rem;

}



.header h2 {

	font-family: "FrutigerW04-45LightBold", "Frutiger-Light", Verdana, sans-serif;

	font-weight:normal;

}



hr,

p {

  margin: 0.5rem 0;

	line-height:2.2rem;

}



.header p {

	margin:1.5rem 0 0.5rem 0;

}



.header ul{

	list-style-type: none;

}



.header li{

	margin:0rem;

	padding: 1.6rem 2.4rem 1.6rem 1.3rem;

}



.entry-header .flexbox {

	box-shadow: 2px 5px 3px #c1c1c1

	/*clip-path: inset(0px -5px -15px 0px);*/

}



.newsletterabonieren {

	height: 5rem;

	padding-top: 0.5rem;

    padding-left: 1.9rem;

    padding-right: 1.9rem;

    display: inline-block;

    flex-shrink: 0;

    box-shadow: 0 0 0 1px #1c1c1c inset;

}



.newsletterabonieren:hover {

	cursor: pointer;

 	box-shadow: 0 0 0 2px #1c1c1c inset;

}



.calltoaction-four-items {

  display: flex;

  gap: 10px 20px;

}



.lottieplayerwedge {

  height: 32px;

  width: 32px;

  margin-left: 0px;

}

.author {

	font-size: 1.2rem;

}



.teaser{

	padding:0 4rem 2rem 0;

}



.teaser ul{

	list-style-type: none;

  	list-style-position: inside;

	font-size: 1.6rem;

	max-width:460px;

}



.lcp-icon {

	height:16px;

	width:auto;

	vertical-align: bottom;

}



.newsletter-abo-wedge {

	height: 16px;

	width: 16px;

	vertical-align: middle;

	margin-left: 8px;

	}



.lottieplayerwedge {

	display:inline;

	width:32px;

}



.disclaimer ul{

	list-style-type: none;

	font-size: 1.6rem;

	font-weight: bold;

}



.teaser li {

	padding:1.5rem 0;

	font-weight: bolder;

	border-bottom: 1px solid #d9d9d9;

	display: flex;

  	justify-content: space-between;

}



.wp-block-latest-posts__post-title, .entry-header{

	font-size:2rem;

	padding:2rem 0;

	display: inline-block;

}



.wp-block-latest-posts__post-full-content p, .entry-content p{

	padding:0.5rem 0;

}



.button-call {

  font-size: 1.6rem;

  line-height: 1.8rem;

  text-decoration: none;

}



.button-call:visited,.button-put:visited{

	color:#1c1c1c;

}



.button-put {

    font-size: 1.6rem;

  line-height: 1.8rem;

  text-decoration: none;

 

}



.button-abo {

  background-color: #f2f2f2;

  color: #1c1c1c;

  font-size: 1.4rem;

  line-height: 1.8rem;

  text-decoration: none;

  padding: 0.6rem 0.6rem;

}



/*Überschriften*/

h1,h2,h3, .headline, figcaption{

	font-family: "FrutigerW04-45Light", "Frutiger-Light", Verdana, sans-serif;

}



.bold.headline{

	max-width:460px;

	padding-bottom:1.5rem;

	padding-left: 2.5rem;

	font-size:3rem;

	line-height: 4.4rem;

}



h1.entry-title, h2.entry-title{

	font-size:3.4rem;

	font-weight:normal;

}



h2.entry-title{

	margin: 1.5rem 0;

	font-weight:bolder;

}



.sectionheader__hlUnderline {

  height: 6px;

  width: 40px;

  margin-top: 30px;

margin-bottom: 15px;

  background-color: #e60000;

  display: block;

}



h2.entry-title.archiv{

	margin-bottom:0;

	font-size:1.7rem;

}



h2.archiv {

	font-weight:400;

	margin:2rem 0 3rem 0;

	font-size:4.2rem;

}



.archive p{

	font-size:1.4rem;

}



h3 {

  font-size: 1.5rem;

}



.article-derivative-links {

  display: flex;

  justify-content: space-around;

  list-style: none;

}



.entry-header.archiv{

	padding:0;

	margin-top:1.5rem;

}



.article-derivative-links li {

  line-height: 35px;

}



.article-derivative-links a {

  text-decoration: none;

  border: 1px solid #d8d8d8;

  padding: 0.5rem;

  border-radius: 5px;

  color: #212121;

  line-height: 35px;

}



.article-derivative-links a:hover,

.derivative-links:hover,

.pdf-button-derivate:hover{

  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);

}



.article-derivative-main {

  display: inline-block;

  padding: 5px;

  height: 15px;

  width: 15px;

  color: #ffffff;

  line-height: 15px;

  text-align: center;

  margin-right: 10px;

  border-radius: 50% !important;

}



.datum{

	padding:2rem 0;

}



.negative-color {

  background-color: #9a3d37;

}



.positive-color {

  background-color: #6a7d39;

}



.neutral-color {

  background-color:#ffffff;

}





/*Article Chart*/

figure{

margin-top:2.6rem;

}

figcaption{
margin-bottom: 1rem;
}

.figcaption-small {

  font-size: 1.4rem;

}



/*Tabelle Tendenzen - Product Table*/

.performance-estimation,

.product-table {

  text-align: left;

  font-size: 1.4rem;

  border-collapse: collapse;

}



.product-table.kennzahlen{

	margin-top: 3.7rem;

}



.performance-estimation .head,

.product-table .head {

  border-bottom: 3px solid #d9d9d9;

}



.performance-estimation td + td,

.product-table td + td,

.product-table th + th{

  text-align: right;

}



.product-table .center {

	text-align:center;

}





.performance-estimation .body,

.product-table .body {

  border-bottom: 1px solid #d9d9d9;

}



.performance-estimation .center {

  text-align: center;

}



.performance-estimation .right, .right {

  text-align: right;

}



.left{

	text-align:left;

}



.performance-estimation .tendency-img {

  width: auto;

  height: 15px;

  margin: 5px;

}



.wp-image-265{

	max-width:616px;

}



.performance-estimation .body:hover,

.product-table .body:hover {

  background-color: #e6e6e6;

}



.kennzahlen td {

  padding: 0.5rem 0;

}



.kennzahlen th {

  padding: 0.5rem 0;

}



/*Buttons zweiter Versuch*/

.flexbox {

  display: flex;

  flex-direction: row;

  justify-content: center;

  gap: 10px;

  padding-top: 5px;

  flex-wrap: wrap;

}

.derivative-links {

  position: relative;

  border: 1px solid #d8d8d8;

  margin-bottom: 15px;

  padding: 10px;

  background: #fff;

}



.pdf-button-derivate {

  position: relative;

  border: 1px solid #d8d8d8;

  margin-bottom: 15px;

  padding: 10px;

  background: #9a3d37;

}



.derivative-links .inner-links, .pdf-button-derivate .inner-links{

  cursor: pointer;

  outline: none;

  margin-right: 0;

  margin-left: 0;

  display: flex;

  flex-wrap: wrap;

}



.inner-links .button-links {

  margin-left: 0.25rem !important;

}



.circle, .circle-neutral-color {

  display: block;

  height: 20px;

  width: 20px;

  font-size: 10px;

  line-height: 20px;

  text-align: center;

  margin-right: 10px;

  border-radius: 50% !important;

}



.button-link {

  display: flex;

  flex-direction: row;

  align-items: center;

  flex-shrink: 0;

}



.button-link:visited {

  color: #1c1c1c;

}



.callbutton,

.putbutton {

  background-color: #f5f5f5;

  border: 5px solid #f5f5f5;

  height: 5rem;

  padding-left: 1.9rem;

  padding-right: 1.9rem;

  display: inline-block;

  flex-shrink: 0;

}



.callbutton:hover, .putbutton:hover {

	background-color: #e5e5e5;

	border: 5px solid #e5e5e5;

}



.circle{

  color: #fff;

}



.circle-neutral-color {

    color: #9a3d37;

 }



.inner-links .text {

  align-self: center !important;

  font-size: 0.9rem;

  line-height: 1.5;

  flex-basis: 0;

  flex-grow: 1;

  max-width: 100%;

  position: relative;

  width: 100%;

  padding-right: 0;

  padding-left: 0;

}



.inner-links .white {

  color:#ffffff;

}



.flexbox .links {

  flex-grow: 1;

  text-decoration: none;

  color: #1c1c1c;

}



.flexbox .flex-container {

  flex-grow: 1;

	padding: 1rem 0;

}



.flexbox .doublewidth {

  flex-grow: 2;

}



.flexbox .doublewidth{

	background-color: #eeeeee;

}



.flexbox .doublewidth p, .flexbox .doublewidth h3 {

  color: #1c1c1c;

  padding: 5px;

}



.flex-container.half{

flex-basis:49%;

}

.flex-container.full{

flex-basis:100%;

}



.border-entwicklung-kennzahlen, .flex-container.doublewidth{

	margin:3.2rem 0;

}



.disclaimer{

	padding:2rem 0 0 0;

}

.news-disclaimer p{

	font-size:1.2rem;

	line-height: 1.6rem;

	color: #1c1c1c;

}







/*Disclaimer animiert*/

details {

    width: 100%;

    margin: 0 auto ;

    

    margin-bottom: .5rem;

    

    

    overflow: hidden;

  }

  

summary {

    padding: 1rem;

    display: block;

    

    padding-left: 0rem;

    position: relative;

    cursor: pointer;

	font-weight: 600;

  }



.disclaimer-head {

	margin-right: 8px;

  }



summary:after {

	content: '';

  	display: inline-block;

  	background: url("/wp-content/uploads/2022/05/Drilldown_arrow_right.svg");

  	width: 16px;

  	height: 16px;

	background-repeat:no-repeat;

	vertical-align: middle;

     }

  

/* THE MAGIC */

details[open] > summary:after {

    transform: rotate(90deg);

  }

  

  

details summary::-webkit-details-marker {

    display:none;

  }

  

/*Ende Disclaimer animiert*/  



/*media queries*/



@media only screen and (max-width: 600px),only screen and (width <= 600px) {

  p {

    margin: 0.5rem 0.5rem;

  }

.headline, .flex-container.full {

	margin:0 0.5rem;

}



h2.entry-title {

  margin: 1.5rem 0.5rem;

}

.calltoaction-four-items {

  	flex-wrap: wrap;

  	gap: 5px 5px;

	margin:0 0.5rem;

  }

.product-table.kennzahlen {

  margin-top: 3.7rem;

  margin-left: 0.5rem;

  margin-right: 0.5rem;

}



.performance-estimation, .product-table {

  margin: 0 0.5rem;

}



figure.image {

margin:0;

}



.disclaimer-head {

  margin-left: 0.5rem;

}



}

/*End media queries*/



/*Pagination - archive not working*/



.page-numbers {

  display: inline-block;

  border: 1px solid #ccc;

  margin-bottom: 2px;

  padding: 4px 8px;

  text-decoration: none;

  transition: all .15s;

}







.page-numbers.current  {

  background-color: #555;

  border-color: #555;

  color: #fff;

  cursor: default;

  font-weight: 700;

  padding-left: 8px;

  padding-right: 8px;

}



.nomargepadd p, .nomargepadd div{

	margin: 0px 0px;

  	padding: 0;

}

.notopmargin{
	margin-top:0;
}

.next.page-numbers .svg-icon , .prev.page-numbers .svg-icon {

	display:none;

}





.site-info,.widget-area, .site-header,h1.entry-title, h2.wp-block-post-title, .entry-footer, .post-navigation, .comments-area {display: none !important;}