@font-face { font-family: "Quicksand"; src: url("/tpl/fonts/Quicksand-VariableFont_wght.ttf"); }
@font-face { font-family: "LATO-BOLD"; src: url("/tpl/Lato-Bold.ttf"); }
@font-face { font-family: "LATO-REG"; src: url("/tpl/Lato-Regular.ttf"); }

.header-gradient-separator { background: rgba(0, 0, 0, 0) linear-gradient(#fff, #e8e8e8) repeat scroll 0 0; }
.header-gradient-separator { height: 30px; width: 100%; }

.anker { 
  content: "";
  display: block;
  height : 97px; 
  margin : -97px 0 0; 
}    

.slider-overlay-gradient {
    background: transparent url("/tpl/bgverlauf.png") no-repeat;
    background-size: 100% 100%;
}

.slider-overlay-text {
  width: 60%;
  margin: 0;
  margin-right: -50%;
  top: 75%;     
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 120px;
  text-align: center;
  position: absolute;
  z-index: 4;    
  font-family: 'LATO-BOLD', sans-serif; color: rgb(1,61,155); font-size: 1.6em; text-align: center;
  padding: 0.6em 0 0 0;
}

.newsmarquee {
  overflow: hidden;
  color: #FFFFFF;
  width: 100%;
  margin: 0;
  top: 90%;     
  left: 0%;
  text-align: right !important;
  vertical-align: middle;
  position: absolute;
  z-index: 4;    
  font-family: 'LATO-BOLD', sans-serif; 
  font-size: 1.45em; 
  text-align: center;
  padding: 0.6em 0 0.6em 0;
  background-color: #284f9c;
}

@media (max-width: 799px) {
   .slider-overlay-text { font-size: 0.8em; min-height: 50px; top: 71%; }
   .newsmarquee { top: 80%; font-size: 0.5em; }
}

body, html, p, form { 
   font-family: 'LATO-REG', sans-serif; color: rgb(20, 20, 20); font-size: 1.0em; font-weight: 400; 
}

.profil p { color: #3a3a3a; font-size: 0.961em; font-weight: 600; }

.row ul { 
    list-style: none; 
    font-family: 'LATO-REG', sans-serif; color: black; font-size: 0.861em; 
    line-height: 1.8;
}

.row li:before { 
   content: ''; 
   display: inline-block; 
   background-size: contain; 
   background-repeat: no-repeat; 
   }

.row li { 
}

.row .li-none li:before { 
   content: none;
   margin-left: 0.0em;
}

.li-none { 
   text-indent: 0.0em;
}



/* ==============Checked und Arrow Listen==================== */

.row .li-checked li:before { 
    background-image: url('/tpl/checkedW.svg');
    margin-right: 2em;
    vertical-align: middle;
    height: 18px;               /* u 25px */
    width: 25px;                /* u 25px */ 
    margin-left: 1em;
}

.row .li-checkedb li:before { 
    background-image: url('/tpl/checkedB.svg');
    margin-right: 2em;
    vertical-align: middle;
    height: 18px;               /* u 25px */
    width: 25px;               /* u 25px */
    margin-left: 1em;
}

.row .li-checked li { 
    margin-left: 1em;
    margin-bottom: 1em;
}

.row .li-checkedb li { 
    margin-left: 1em;
    margin-bottom: 1em;
}


.row .li-arrow li:before { 
    background-image: url('/tpl/arrow.svg');
    margin-right: 1.8em;
    vertical-align: middle;
    height: 10px;        /* u 13px */
    width: 45px;        /* u 45px */
    margin-left: 2em;
}

.row .li-arrowo li:before { 
    background-image: url('/tpl/arrowo.jpg');
    margin-left: 1.8em;
    margin-right: 2em;
    vertical-align: middle;
    height: 13px;        
    width: 45px;
}

.row .li-arrowv li:after { 
    background-image: url('/tpl/arrowv.svg');
    margin: 0 auto;
    height: 45px;        /* u 45px */
    width: 10px;        /* u 13px */
    content: '';
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -1em;
}

.row .li-arrowv li:last-child:after {
 display: none !important;
}


.row .li-arrowv li { 
    margin-left: 1em;
    margin-bottom: 1em;
}

.row .li-arrow li { 
    margin-left: 1em;
    margin-bottom: 1em;
}


.li-checked ul, .li-checkedb ul { 
   text-indent: -4.8em; 
}

.li-arrow ul { text-indent: -7.925em; }
.li-arrowo ul { text-indent: -6.1em; }


/* ================================== */

h1 { font-family: 'LATO-BOLD', sans-serif; color: rgb(1,61,155); font-size: 1.8em; text-align: center; margin-top: 1.4em; }
h2, h3 { font-family: 'LATO-BOLD', sans-serif; color: rgb(95,98,102); font-size: 1.5em; text-align: center; margin-top: 1.4em; }
h3 { text-align: left; }

.size-15 { font-size: 15px; }

#MembersQueryResult { padding: 0 1.9em 0 1.9em; }

#topsearch { margin-top: 1.0em; }

#footer { background-color: white; border-top: 5px solid rgb(1,61,155); padding: 1.5em 0 1.8em 0;}
#footer h1 { font-size: 1.0em; text-align: left; }
#footer a { color: rgb(1,61,155); font-size: 0.85em; text-decoration: none; line-height: 2.6em; padding: 1em 0 1em 0;}
.font-small { font-size: 0.76em !important; }

.bg1 { background-color: white; }
.bg2 { background-color: rgb(205,219,213); }
.bg-gradient { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(215, 221, 236), rgb(31,67,141)) repeat scroll 0 0; }
.bg-maxime { background-color: rgb(156,180,216); }

.img100 { width: 100%; height: auto; }
.img100x100 { width: 100%; height: Auto; }
.imgCenter { display: block; margin-left: auto; margin-right: auto; }
.imgPadding { padding: 0.7em;}

.imgTpl4 { display: block; margin: 0 auto; padding-bottom: 0.8em;}

@media (min-width: 800px) {
   .indent5 { padding: 0 4.7em 0 4.7em; } 
   .indent10 { padding: 0 8.0em 0 8.0em; }
}

@media (max-width: 799px) {
   .indent5 { padding: 0 1.7em 0 1.7em; } 
   .indent10 { padding: 0 2.0em 0 2.0em; }
}

.footerfinal { background-color: rgb(1,61,155); }
.footerfinal p { color: white; }

.spacer { height: 0.5em; background-color: white; }

@media (min-width: 769px) {
   #toplogo { position: relative; left: 5px; top: 8px; padding-left: 2.0em; padding-top: 0.6em; height: 4.1em; z-index: 1000;}
}

#toplogoSmall { margin: 0 auto; display: block; padding: 1.35em 1.7em 1.3em 1.7em;}

.padding-zero { padding: 0 !important;}
.textalign-left { text-align: left; }
.margin-zero { margin: 0; }
.margin-bottom-small { margin-bottom: 0.35em; }

.searchfooter { border-top: 10px solid rgb(1,61,155); padding: 1.8em 0 1.8em 0; }

/* ================================== */
.contain-to-grid { background: white; }

#nav { padding: 0 1.0em 0 1.0em; }

.top-bar { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(215, 221, 236), rgb(31,67,141)) repeat scroll 0 0; }
.top-bar-section ul li > a { font-family: 'LATO-REG', sans-serif; font-weight: 300; color: white; font-size: 0.7em; }

.top-bar-section ul li { background: transparent; }

.top-bar-section li:not(.has-form) a:not(.button) { background-color: transparent; color: white; }
.top-bar-section li:not(.has-form) a:not(.button):hover { font-family: 'LATO-REG', sans-serif; }
.top-bar-section ul li:hover:not(.has-form) > a { background-color: #f7f7f7; color: rgb(1,61,155); background: #f7f7f7; }

.top-bar-section li.active:not(.has-form) a:not(.button) { background: transparent; color: white; text-decoration: underline; }
.top-bar-section li.active:not(.has-form) a:not(.button):hover { background: transparent; color: #FFFFFF; }


@media only screen and (min-width: 40.0625em) {
   .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #f7f7f7; background: #f7f7f7; color: rgb(1,61,155); }
   .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background-color: #1f438d; color: #f7f7f7; background: #1f438d; }
   .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #f7f7f7; color: rgb(1,61,155); }
}

.dropdown a { text-decoration: none !important; }

.top-bar-section .has-dropdown > a:after { border-style: none; border-top-style: none; }
.top-bar-section .has-dropdown > a { padding-right: 1.1rem !important; }

@media (min-width: 800px) {
   [class*="block-grid-"] { margin: 0 1.9em 0 1.9em; }
}

@media (max-width: 799px) {
   [class*="block-grid-"] { margin: 0; }
}

#topsearch input[type="text"] { height: 2.05rem; }

.start { text-align: center; border-top: 2px solid rgb(11,70,151); padding: 0.5em 0 0.5em 0; }
.start a { color: rgb(11,70,151); font-family: 'LATO-BOLD', sans-serif; font-size: 1.0em; text-decoration: none; line-height: 2.3em; }

a { color: black; text-decoration: underline; font-weight: 600;}
a:hover { color: rgb(1,61,155); }
.a-blue li a { color: rgb(11,70,151); }

.menutop a { text-decoration: none; }
.sandwich { font-size: 1.6em; color: rgb(245,213,0); margin: 0.14em 0 0 0;}

button.secondary, .button.secondary {
   background-color: rgb(31,67,141);  
   color: white;
}

.hollow { background-color: transparent; }

table {
    background: transparent none repeat scroll 0 0;
    color: white;
    border: 0px solid white;
    margin: 0;
    table-layout: auto;
    width: 100%;
}

form { margin-bottom: 2.0em;}

table tr th, table tr td {
    background: rgba(45,38,38, 0.60); none repeat scroll 0 0;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 4px solid transparent;
    text-align: left;
    color: white;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background: rgba(45,38,38, 0.70); none repeat scroll 0 0;
    border: 0px solid white;
    color: white;
}

.accordion .accordion-navigation > a, .accordion dd > a {
   background-color: #f3f3f3;
   font-size: 1.0em; font-weight: bold; color: #26509C; 
   text-decoration: none;
}

.accordion-navigation > a:before, .accordion dd > a:before {
    content: "+";
    display: block;
    background-color: #013d9b;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.6em;
    color: white;
    width: 20px;
    height: 20px;
    top: 1px;
    float: left;
    margin: 2px 14px 0 0;
    line-height: 0.77em;
    padding-left: 0.15em;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #f3f3f3; }

.accordion-navigation.active > a:before, .accordion dd.active > a:before {
    content: "-";
    display: block;
    background-color: #26509C;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.6em;
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 14px 0 0;
    padding-left: 0.4em;
    line-height: 0.77em;
    padding-left: 0.24em;
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
    margin-left: 2.2em;
    padding-top: 0;
}


.slick-prev, .slick-next {
    top: 70%;    
    z-index: 1000;
    width: 60px;
    height: 60px;
}

.slick-prev { left: -2px; }
.slick-next { right: 19px; }
 

.slick-prev::before, .slick-next::before {
   background-color: rgba(255,255,255,0.8);
   color: rgba(40, 79, 156, 1);
   font-family: 'Quicksand', sans-serif;
   font-weight: 600;
   font-size: 45px;
   padding: 0.41em 0.2em 0.57em 0.2em;
   border-radius: 1px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
}

.slick-prev::before { content: "<"; padding-right: 0.95em;}   
.slick-next::before { content: ">"; padding-left: 1.05em;}   
.slick-slider { margin: 0;}



@media (max-width: 799px) {

   .slick-prev::before, .slick-next::before { font-size: 20px; }       
  
   .slick-prev { left: -13px; }
   .slick-next { right: -15px; }

   .slick-prev, .slick-next { top: 60%; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .slick-prev { left: -5px !important;}
   .slick-next { right: 0px !important;}
   .slick-next::before { padding: 4.0em 1.0em 4.0em 0.7em !important; }  
   .slick-next:before { padding: 4.0em 1.0em 4.0em 0.7em !important; }  
}

.glyphsize { font-size: 28px; padding: 0.2em;}

#gdpr-cookie-message {
	position: fixed;
	right: 30px;
	bottom: 30px;
	max-width: 375px;
	background-color: #f5f5f5;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 6px 6px rgba(0,0,0,0.25);
	margin-left: 30px;
	font-family: system-ui;
}