@font-face {
  font-family: 'Nds Frutiger Light';
  src: url('ftl.ttf')  format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}

:root {
  --pol-link-color: rgb(0,102,153);
  --pol-link-hover-color: #00476B; /* rgb(0,71,107); */
  --bs-btn-bg: rgb(0,102,153);
  --bs-btn-border-color: rgb(0,102,153);

  --pol-favorite-color: #ffcc00;
  --pol-yellow: #ffcc00;
  --pol-red: #e0003c; /* rgb(224,0,60);*/
  --pol-blue: #0069b4;
  --pol-silver: #989898;
  --pol-lightblue:#9ccef3;
  --pol-grey: #575756;
  --pol-grey-dark: #3b3b3b;
  --pol-orange: rgb(229,100,37);
  --pol-green: rgb(171,177,35);
  --pol-purple: rgb(206,15,105);
  --pol-btn-green: #198754;
  --pol-btn-yellow: #ffc107;
  --pol-btn-red: #dc3545;

  --pol-font-size-text: 14px;
  --pol-font-size-nav: 24px;
  --pol-font-size-subnav: 20px;
  --pol-font-size-headline1: 34px;
  --pol-font-size-headline2: 30px;
  --pol-font-size-headline3: 24px;
  --pol-font-size-headline4: 18px;
  --pol-font-size-headline5: 16px;
  --pol-font-size-button: 20px;
  --bs-tertiary-bg-rgb: #fff;

  /*Reset of other styles*/
  --radius-lg: 0px;
  --color-info:#0069b4;
  --radius: 0px;
  --color-primary:#0069b4;
}

html{
  font-family: 'Open Sans', Fallback, sans-serif;
  height: 100%;
  width: 100%;
}

body {
  font-family: 'Open Sans', Fallback, sans-serif;
  height: 100%;
  width: 100%;
  background: url("nds.svg"),-webkit-linear-gradient(left,var(--pol-link-hover-color),var(--pol-red));
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: contain;
  background-blend-mode: normal;
  font-synthesis: none;
}

a{
  color: var(--pol-blue);
  font-family: 'Open Sans', Fallback, sans-serif;
}

a:hover{
  color: var(--pol-orange);
  font-family: 'Open Sans', Fallback, sans-serif;
}

img{
  max-height: 100%;
}

.btn {
  font-size: var(--pol-font-size-text);
  border-radius: 0px;
}

.btn-primary{
  background-color: var(--pol-blue);
  border-color: var(--pol-blue);
}

.btn-danger{
  background-color: var(--pol-red);
  border-color: var(--pol-red);
}

h1{
  color: var(--pol-grey-dark);
  font-size: var(--pol-font-size-headline1);
  font-weight: bold;

  hyphens: auto;              /*  Erlaubt Silbentrennung */
  word-break: break-word !important; /* Erzwingt den Umbruch bei langen Wörtern */
  overflow-wrap: break-word !important;
}

h2{
  color: var(--pol-grey-dark);
  font-size: var(--pol-font-size-headline2);
  font-weight: bold;
}

h3{
  color: var(--pol-grey-dark);
  font-size: var(--pol-font-size-headline3);
  font-weight: bold;
}

/*Ausklappbare Menüeinträge sollen wie H4 formatiert werden*/
h4, .unfoldheadline{
  color: var(--pol-grey-dark);
  font-size: var(--pol-font-size-headline4);
  font-weight: bold;
}

h5{
  color: var(--pol-grey-dark);
  font-size: var(--pol-font-size-headline5);
  font-weight: bold;
}

article a{
  text-decoration: none;
}

hr, hr.wp-block-separator{
    background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
    background: -webkit-linear-gradient(left, var(--pol-link-hover-color),var(--pol-red));  
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    border: 0;
    height: 4px;
    opacity: 1;
}

/*********************************************Navbar */
header nav li a{
  font-size: var(--pol-font-size-nav);
  font-weight: bold;
  color: var(--pol-grey-dark);
}

.nav-link {
  font-size: var(--pol-font-size-nav);
  font-weight: bold;
  color: var(--pol-grey-dark);
}

header nav li a:hover{
  font-size: var(--pol-font-size-nav);
  color: var(--pol-grey);  
  background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-fill-color: rgba(0,0,0,0.3);
  text-decoration: underline !important;
  text-underline-offset: 8px;
}

header nav li .active{
  background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-fill-color: rgba(0,0,0,0.3);
  text-decoration: underline;
  text-underline-offset: 8px;
  font-weight: bold;
}

header nav li .active span{
  background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-fill-color: rgba(0,0,0,0.3);
}

a.dropdown-item span:hover{
  background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-fill-color: rgba(0,0,0,0.3);
}

header nav{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff;
}

header nav .dropdown-menu{
  border-radius: 0px;
  border: 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  top:45px
}

header nav .dropdown-menu a{
  
  font-size: var(--pol-font-size-subnav);
}

header nav .dropdown-menu a:hover{
  
  font-size: var(--pol-font-size-subnav);
}

header nav .dropdown-menu li{
  display: inline !important;
}

.login-icon{
  font-size:var(--pol-font-size-headline3);
  padding-right: 10px;
}
.login-icon:hover{
  background: -webkit-linear-gradient(left, var(--pol-link-hover-color),var(--pol-red));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}

.input-group input{
  width: 50px;
}

/*********************************************Main*********************************************/
#content{
  min-height: 80%;
  margin-top: 100px;
}

.container{
  padding-left: 0px;
  padding-right: 0px;
}

main div.container-xl{
  padding-left: 0px;
  padding-right: 0px;
}

.main_content{
  margin-top: 40px;
  margin-bottom: 100px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color:rgba(255, 255, 255, 0.9) ;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*********************************************Footer*********************************************/
.copyright{
  font-size: 10pt;
}

footer{
  min-height: 60px;
}

.footer_content{
  min-height: 60px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #fff;
}

.footer_content nav li a{
  font-weight: bold;
  color: var(--pol-grey-dark);
}

.footer_content nav li a:hover{
  font-weight: bold;
  color: var(--pol-grey);  
  background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer_content nav li .active{
  background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: underline !important;
  text-underline-offset: 8px;
}


/*********************************************Highlight*********************************************/
.highlight {
  text-align: center;
}

.highlight h1{
  color: #fff;
  font-size: 30pt;
  text-shadow: 4px 2px rgba(0, 0, 0, 0.2);
}

/*********************************************Card*********************************************/
.card{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 0px;
  border: 1px solid var(--pol-silver);
}

.card-group{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 0px;
  border: 0px;
}

.card-group .card{
  box-shadow:none;
}

@media only screen and (max-width: 600px) {

}

/*********************************************Bootstrap tooltip/popover***************************************/
.popover{
  font-family: 'Open Sans';
  border-radius: 0px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

/*********************************************Bootstrap Modal **********************************************/
.modal-content{
  border-radius: 0px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

/*********************************************Video widget*********************************************/
.wp-block-video video{
  width: auto !important;
}
/*********************************************Ninja Contact*********************************************/
.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap select, .field-wrap textarea, .field-wrap > div input{
  max-width: 350px;
}
/*********************************************Tabs*********************************************/
/*.premium-blocks-tabs-f5218a4e3a7f.premium-tabs-style-style2 */
.premium-tabs-nav li .active-line{
  background: -webkit-linear-gradient(left, var(--pol-link-hover-color),var(--pol-red));
}
.active .premium-tab-title{
  color: var(--pol-grey-dark) !important;
  font-weight: normal !important;
}

.premium-tab-content {
  border: none !important;
  padding: 0px !important;
}


/*
.active .premium-tab-title{
  
  background: -webkit-linear-gradient(left, var(--pol-grey-dark), var(--pol-link-hover-color),var(--pol-red), var(--pol-grey-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/

/*********************************************Newsletter*********************************************/
.tnp-subscription label, .tnp-profile label{
  font-size: var(--pol-font-size-text);
  margin: 0px;
  display: inline;
}

.tnp div br{
  line-height: 0px;
  font-size: 1px;
}


/*********************************************Downloads*********************************************/
.w3eden .card{
  border-radius: 0px;
}

.label-above .nf-field-label{
  margin-bottom: 0px !important;
}

.w3eden .media{
  display: block !important;
}

/*********************************************Buttons & Submits*********************************************/
input[type="submit"]{
  padding: 5px;
}

input[type="submit"], .btn, .wpdm-download-link.btn.btn-primary, .w3eden .btn-primary, .w3eden .btn, .tnp-subscription input[type="submit"], .wp-element-button{
  border-radius: 0px;
  border: 0px;
  background-color: var(--pol-blue);
  border-color: var(--pol-blue);
  color: white;
  font-size: var(--pol-font-size-button); 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
}

input[type="submit"]:hover, .btn:hover{
  background: -webkit-linear-gradient(left, var(--pol-link-hover-color),var(--pol-red));
}

input[type="search"]{
  border-radius: 0px;
}

.w3eden .form-control{
  border-radius: 0px;

}

.w3eden .pagination .page-numbers{
  border-radius: 0px;
}

div.w3eden div form{
  display: none;
  visibility: hidden;
}

.button-primary, .button{
  border-radius: 0px;
  border: 0px;
  background-color: var(--pol-blue);
  border-color: var(--pol-blue);
  color: white;
  font-size: var(--pol-font-size-button); 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*********************************************Login*********************************************/
#login-form label, .tnp-field label{
  font-family: 'Open Sans', Fallback, sans-serif;;
  font-size: 16px;
  font-weight: bold;
}

input[type='text'], input[type='password'],input[type='email'],input[type='tel'],textarea, .tnp-subscription input[type="text"]{
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color:#f4f4f4;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#wp-submit{
  width: auto;
}

#userinfo th, #userinfo td {
  padding: 10px;
}

#userinfo td:first-child,
#userinfo th:first-child{
  font-weight:bold;
  width: 200px;
}

/*
#userinfo tr:nth-of-type(2n){
  background-color:#dfe7e8;
}
*/

div.wp-block-group:nth-child(2) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1),
div.wp-block-group:nth-child(2) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) {
  display:none;
}

/*********************************************Accordion*********************************************/
.premium-accordion__title_wrap{
  background-color: #fff !important;
}

.premium-accordion__title_wrap:hover{
  background-color: #f2f2f2 !important;
}

.premium-accordion__desc_wrap{
  border-top: 1px solid var(--pol-grey-dark);
}

.premium-accordion__content_wrap{
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*********************************************WP-Details*********************************************/

.wp-block-details{
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.wp-block-details summary{
  padding: 10px;
}

.wp-block-details summary:hover{
  background-color: #f2f2f2 !important;
}

.wp-block-details p{
  padding-left: 10px;
  padding-right: 10px;
}

/* onetap */
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-active,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature:focus-visible, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature:hover,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-reset-settings button,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-step-controls.onetap-line-height .onetap-box-feature,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-step-controls.onetap-font-size .onetap-box-feature,
nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature
{
border-radius: 0 !important;}
