body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
body{
	font-size:62,5%;
}
     #main .formbody {
    	width: 100%;
	/*	display:flex;*/
		padding-top:20px;
		margin-bottom:20px;

     }	
     fieldset{
     	margin:0;
     	padding:0;
     }
     
    #article-24 .radio_container{
    	margin-left: 20px;
}

	#main .formbody input {
	    border-radius: 3px;
	    border: solid 1px #4a6063;
	    height: 32px;
	    line-height: 2em;
	    font-size: 1.8em;
	    width:97%;
	}
	#main .formbody input.checkbox{
	    width:auto;
	}
	#main .formbody .widget-submit {	
	    border: none !important;
	}  
	#main .newsletter-bestellen .formbody {
    	width: 100%;
    	display: block;
    	padding-top: 20px;
    	margin-bottom: 20px;
    	justify-content: center;
}
	#main .newsletter-bestellen .formbody .widget-submit {
    	width: auto;
    	padding-left: 9px;
    	border: none !important;
}
	#main .newsletter-bestellen .formbody input {
	    height: 36px;
	}
	
	#main .ce_comments .formbody, #main .mod_login .formbody{
    	display: block;
}
	#main .formbody input{
		font-size:16px;
}
	#main .formbody textarea{
		font-size:16px;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    	font-weight: 300;
}
/* User Search */
.suche{
	display: flex;
}
.suche-radio .radio_container{
	border: none;
}
.suche-radio .radio_container span{
	display:flex;
}
.suche-radio .radio_container span .radio{
	margin: 18px 10px 2px 0;
}
/* User Data */
#main .user-data .formbody, #main .kontaktform .formbody, #main .mod_login .formbody {
    padding-top: 20px;
    margin-bottom: 20px;
    display:block;
}
#main .user-data legend, #main .kontaktform legend, #main .mod_login legend {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}


#main .user-data .formbody label, #main .kontaktform .formbody label, #main .mod_login .formbody label {
    display: block;
    margin-top: 1.5em;
    padding-bottom: 3px;
}

label[for] {
    cursor: pointer;
}
label, #container .mod_login label {
    display: inline-block;
}
#main .user-data .formbody fieldset {
	border:none;
}

#autologin.checkbox{
	margin:0px 8px 0 0;
}

#main .formbody .text, #main .formbody #ctrl_26{
    padding: 6px;
    border: 1px solid;
    border-color: #D4CBC5;
    background-color: #dce5e9 !important;
    width:97%;
    margin-bottom: 10px;
}
#main .formbody #ctrl_18{
    width:99%;
}

.formbody label {
    display: block;
    margin-top: 1.5em;
    padding-bottom: 3px;
}
label[for] {
    cursor: pointer;
}
span.mandatory {
    display: inline;
    padding-left: 2px;
    font-weight: bold;
    color: var(--color-yellow);
}
fieldset.checkbox_container{
	border:none;
}
#main .mod_login .formbody .checkbox_container label{
	margin:0;
}
input#autologin.checkbox{
	display:block ruby;
	}
	
.checkbox_container span{
	display:flex;
	border:none;

}	
.checkbox_container span.mandatory{
	display:inline;

}
#main .user-data .formbody .widget-submit, #main .kontaktform .formbody .widget-submit{
	margin-top: 14px;
}
#tl_registration_34 .widget-submit{
	margin-top:14px;
}
.newsletter-bestellen .widget.widget-captcha.mandatory{
	display:none !important;
}
.widget.widget-captcha.mandatory{
	display:block !important;
	margin-bottom: 10px;
}
/*select.select-kontakt{
	padding: 6px;
    border-color: #D4CBC5;
    width: 60%;
    line-height: 2em;
    font-size: 16px;
    height: 44px;
}*/

/*Registration Form*/
.mod_article.registrieren{
	padding:0px;
}
  #ctrl_18 {
    background: transparent;
    padding: 6px;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    line-height: 15px;
    background-image: url("../../files/Daten/media/icons/icon_arrow-bottom-select.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 50px;
    overflow: hidden;
    border: 1px solid #ddd;
    font-size: 16px;
    line-height:2em;
    border: 1px solid;
    border-color: #D4CBC5;
    background-color: #F4F2F0;
    width:62%;

}

#main .formbody input#ctrl_27, #main .formbody input#matchAll_10, #main .formbody input#matchAny_10 {
  width: auto;
}



/* Kontakt-form */
.kontaktform.block{
	overflow:visible;
}
#ctrl_3{
	width:99%;
}
/*#ctrl_4, #ctrl_5, #ctrl_6, #ctrl_7, #ctrl_9, #ctrl_11{
	width: 97%;
}*/


/*.widget-select.select .select #ctrl_3, #ctrl_10*/
select.select.select-kontakt {
    background: transparent;
    padding: 6px;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    line-height: 15px;
    background-image: url("../../files/Daten/media/icons/icon_arrow-bottom-select.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 50px;
    overflow: hidden;
    border: 1px solid #ddd;
    font-size: 16px;
    line-height:2em;
    border: 1px solid;
    border-color: #D4CBC5;
    background-color: #F4F2F0;
    width:97%;
}

/*#ctrl_6*/
.widget-textarea .textarea{
    background: transparent;
    padding: 6px;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    line-height: 15px;
	height: 130px;
    overflow: hidden;
    border: 1px solid #ddd;
    font-size: 16px;
    line-height:2em;
    border: 1px solid;
    border-color: #D4CBC5;
    background-color: #F4F2F0;
    width:97%;
}
input#ctrl_7.captcha.mandatory{
	width:40px;
}
.widget-submit #ctrl_8{
	margin: 14px 0 0 0;
	margin-top: 14px;
	padding:0px;
}
button#ctrl_8.submit.submit_container {
	padding:15px;
}
.luft{
	margin: 50px 0 50px 0;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) {
	
	#main .formbody {
    	width: 100%;
		padding-top:20px;
		margin-bottom:20px;
		display: grid;
		grid-template-columns: 1fr 1fr;
     }
   	#main .formbody.footer-search {
    	width: 100%;
		padding-top:20px;
		margin-bottom:20px;
		display: block;
     }
	
	
	select.select.select-kontakt {
		width:61%;
	}
	
	#main .formbody input {
		width:60%;
	}
	
	
	
	#ctrl_3, #ctrl_10, #ctrl_11, #ctrl_12{
	width:61%;
	}
	#ctrl_4, #ctrl_5, #ctrl_7, #ctrl_9{
	width: 62%;
	}
	#ctrl_country_34,  #ctrl_language_34,  #ctrl_gender_34, #ctrl_country_19{
	width: 61%;
	}
	#main .formbody #ctrl_26{
	width: 60%;
	}
/*	#main .user-data .formbody .text, #main .kontaktform .formbody .text, #main .mod_login .formbody .text, #main .mod_registration .formbody .text{
    padding: 6px;
    border: 1px solid;
    border-color: #D4CBC5;
    background-color: #F4F2F0;
    width:60%;
	}*/
	#main .formbody input#ctrl_lost_password{
	    width:auto;
	}
	#main .formbody input#ctrl_keywords_10{
	    width:auto;
	    margin-right:12px;
	    height: 40px;
	}
	
	#main .formbody .text, .widget-textarea .textarea, #ctrl_26{
    width:38%;
	}
	#main .formbody #ctrl_18{
    width:62%;
	}
}
/* Newsletter abbestellen*/
#main .nl-abbestellen-form .formbody{
	display:block;
}
#main .nl-abbestellen-form #tl_unsubscribe_36input [type=radio], input[type=checkbox] {
    margin: 24px 19px 0 0;
}
.nl-abbestellen-form span{
	display:flex;
}
#main .nl-abbestellen-form .formbody .widget-submit{
	margin-top:20px;
}
/* Poll */
.pollform label{
	width:100%;
}
.pollform .checkbox_container span {
    display: flex;
}
/*.pollform input[type=radio], input[type=checkbox] {
    margin: 19px 19px 0 0;
}*/
#main .pollform .formbody {
    width: 100%;
    display: block;
    padding-top: 20px;
    Margin-bottom: 20px;
}
#main .pollform .formbody .widget-submit {
    width: 100%;
    padding-left: 9px;
    border: none !important;
}
/* Registration*/
.mod_article.registrieren{
	padding:0px;
}
.mod_registration{
	padding:0 30px;
}
#tl_registration_34 .formbody{
	display:block;
	padding: 0px;
}
.mod_breadcrumb { margin-top:65px; } 
/* Listenelemente nebeneinander stellen */

.mod_breadcrumb li { display: inline-block; } 
/* Nach einem Listenelements Trennzeichen einfügen */
.mod_breadcrumb li:after { content: " > "; }
/* Nach dem letzten Listenelement kein Trennzeichen */
.mod_breadcrumb li.active:after { content:""; }
.mod_breadcrumb li, .mod_breadcrumb li a{
	font-size: 0.8rem;
}
/*  alle   */
nav li.menu-search a:before {
   font-family: "FontAwesome"; 
   content: "\f002";
   font-size: 16px;
   padding-left:4px;
   color:#999999;
   }
   
   nav li.menu-search.active:before {
   font-family: "FontAwesome"; 
   content: "\f002";
   font-size: 16px;
   padding-left:4px;
   color:#999999;
   }
 
 nav li.menu-search.active {

   }
strong.active.menu-search[itemprop="name"]  {
	display:none;
   }
   nav li.menu-search span {
	display:none;
   }
   
.fa-light, .fas {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}
.menu-search .fa-solid.fa-magnifying-glass {
    content: "\f002";
}
.sticky {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  background-color:#fff;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  z-index:10000;
}
.sticky .topnav.mobil nav{
	margin-left:12%;
	
}

.sticky + .content {
  padding-top: 60px;
  }
  
.inner-menu-container a{
    text-decoration: none;
    color:#6e6e6e;
}
  
/*      mobil                     */
.topnav .icon {
    color: #6e6e6e;
}
.topnav nav{
  	display:none;
  	  }
 .menu-item{
  	display: flex;
    justify-content: center;
    min-height: 30px;
    padding-top: 15px;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.topnav.mobil nav{
    display: flex;
    justify-content: center;
}
.topnav.mobil {

  	  }
 nav{
  	display:none;
  	  }
 .topnav {

  	  }
  .topnav.mobil .icon {

  }
   .topnav.mobil ul {
		width: 100%;
		padding-inline-start: 0px;
  }
  .topnav.mobil ul li {
	list-style:none;
	border-bottom: 1px solid #ccc;
  }
  .topnav.mobil a, .topnav.mobil li.active {
    float: none;
    display: block;
    text-align: left;
    font-weight: 600;
    padding:0.5em 0;
  }
 /*.topnav.mobil li.submenu a:after {
    float: none;
    display: block;
    text-align: left;
  }*/
.level_2 {
    visibility: hidden;
    opacity: 0;
	display:none;
    width: 190px;
    z-index: 10;
}

  /*  transform: translateY(-2em);
    position: absolute;
    top: 100%;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    background-color:#ffffff;
    border:1px solid #cccccc;
}*/
ul ul {
	width: 100%;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
}
ul li ul:hover {
    visibility: visible;
}

ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  display:block;
}

ul li ul li {
  clear: both;
  width: 100%;
  padding-left:20px;
}
  .topnav.mobil .dropdown {float: none;}
  .topnav.mobil .dropdown-content {position: relative;}
  .topnav.mobil .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

nav li.submenu > a:after {

   font-family: "FontAwesome"; 
   content: "\f078";
   font-size: 16px;
   padding-left:4px;
   color:#999999;
   
}

nav li.submenu > .active:after {

   font-family: "FontAwesome"; 
   content: "\f078";
   font-size: 16px;
   padding-left:4px;
   color:#999999;
   
}



/*    1024   ***/


@media screen and (min-width: 1024px) {
	.menu-container{
		border-top: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
	}
	.topnav .icon {
	    display:none;
}
.menu-item{
	display:none;
}
nav li a:hover {
	color: #f9c535;

}
#nav li.active, nav li a:hover {

    color: #4d4d4d;
    font-size: var(--font-size);
}
.topnav {
  overflow: hidden;
  background-color: #ffffff;

}
.topnav nav{
	display:block;
}
.topnav ul {

    margin-block-start: 1rem;
    margin-block-end: 1rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    display: flex;
    justify-content:center;
}
.topnav ul li {
list-style: none;
}
.topnav li {

/* transition-duration: 0.5s;*/
 padding: 14px 16px;
}

.topnav li li {

/* transition-duration: 0.5s;*/
 padding: 0px 16px;
}

li:hover {
  cursor: pointer;
}

.topnav ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: auto;
    transform: translateY(-2em);
    z-index: 10;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    background-color:#ffffff;
    border:1px solid #cccccc;
    
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    margin-inline-start: 0px;
    margin-inline-end: 1rem;
    padding-inline-start: 0px;
}

ul li ul:hover {
    visibility: visible;
}

ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

ul li ul li {
  clear: both;
  width: auto;
}

.topnav ul li ul li a {

  display: block;
  color: #6e6e6e;
  text-align: left;
  padding: 10px 0px;

}
.topnav ul li ul li.active {

  display: block;
  color: #6e6e6e;
  text-align: left;
  padding: 10px 16px;

}



.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

}

/* social icons */
#social-icons {
    position: fixed;
    right:0px;
    top: 200px;
    z-index: 1000001;
}
#social-icons li {
    position: relative;
    height: 27px;
    margin-bottom: 1px;
    cursor: pointer;
    list-style: none;
    background-color: #4A6063;
    width:36px;
    padding:8px 0 2px 0;
    text-align: center;
    font-size: .8rem;
}

#social-icons li a {
    text-decoration: none;
    color:#ffffff;
    cursor: pointer;
}
.fa-solid, .fas {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}
.menu-search .fa-magnifying-glass::before {
    content: "\f002";
}



.home #header{
	padding-top: 0;
    padding-bottom: 0;
}

#container {
    padding-top: 30px;
    padding-bottom: 60px;
/*    min-height: calc(100vh - 174px);*/
/*   margin-top: 104px;*/
}
.fluid-container, .ce_comments, .back{
  max-width: 1170px;
}
.fluid-container, .ce_comments, .back {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.fluid-container.space-7-bottom{
    margin-bottom: var(--space-7-bottom);
}
#main {
    width: auto;
    fload: none !important;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}


.auto-fit-200 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 30px;
}
.auto-fit-300 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
}
.auto-fit-500 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(555px, 1fr));
    grid-gap: 30px;
}





.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    /*content: " ";*/
    display: table;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
	--space-0: 0;
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	
	--space-0-top: 0;
	--space-1-top: 0.25rem;
	--space-2-top: 0.5rem;
	--space-3-top: 0.75rem;
	--space-4-top: 1rem;
	--space-5-top: 1.25rem;
	--space-6-top: 1.5rem;
	
	--space-0-bottom: 0;
	--space-1-bottom: 0.25rem;
	--space-2-bottom: 0.5rem;
	--space-3-bottom: 0.75rem;
	--space-4-bottom: 1rem;
	--space-5-bottom: 1.25rem;
	--space-6-bottom: 1.5rem;
	--space-7-bottom: 2rem;
	
	--text-opacity: 1;
	--top-logo-bg:#f4f4f4;
	--color-gray-light: #f3f4f6;
	--primary-color: #000;
	--secondary-color: tomato;
	--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-size: 1.125rem;
	--font-color: #424242;
	--bg-color: #fff;
	--color-headlines:#505050;
	--color-text: #333333;
	--color-text-white: #ffffff;
	--color-text-dark:#292922;
	--color-light-grey:#f7f7f9;
	--color-grey: #6b7280;
	--color-dark-grey:#f4f4f4;
	--color-blue-grey: #a6bbc3;
	--color-light-blue: #a6bbc3;
	--color-dark-blue: #041c48;
	--color-middle-blue: #8890a9;
	--color-yellow: #fce267;
	--color-orange:#fc9b02;
	--color-red:#fc0202;
	--color-dark-red:#7b1d1d;
	--color-active-green:#bed600;
	--color-green:#6d7b01;
	--heading-color:#292922;
	--color-footer-bg:#041c48;
	--color-footer-white:#ffffff;
	--color-text-white:#ffffff;
	--color-footer-border:2px solid #ccc;
	--color-accordion-border:1px solid #fce267;
	--color-link:#a6bbc3;
	--color-link-hover:#8799a0;
	--color-breadcrumb:#a6bbc3;
	--color-breadcrumb-hover:#a6bbc3;
}
body {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: var(--font-size);
    line-height: 1.4;
    margin: 0;
    background: var(--bg-color);
    color: var(--color-text);

}

#main {
    width: 100%;
}
img{
    max-width: 100%;

}
h1, h2, h3, h4, h5, h6 {
    color: #505050;
    font-weight: 400;
    line-height: normal;
    margin-block-end: 0em;
    margin-block-start: 0em;
}

form button, input[type=submit], .button{
    background-color:var(--color-light-blue);
    background-image:none;
    border:none;
    padding: 10px 20px;
    color:#ffffff;
    border-radius:3px;
    font-size:18px;
}
.header-search form button, input[type=submit], .button{
    background-color:var(--top-logo-bg);
    background-image:none;
    border:none;
    padding: 2px 20px;
    color:#6e6e6e;
    border-radius:3px;
    font-size:18px;
}
button{
    background-color:var(--color-yellow);
    border:none;
    padding: 10px 20px;
    color:#ffffff;
    border-radius:3px;
    font-size:18px;
}
.grid-1-box	.ce_text .button{
	position:relative;
}
.ce_text .button a{
	color: var(--color-light-blue);
	text-decoration:none;
}
.ce_text .button{
	background-color: #ffffff;
	border-radius:20px;
	border: none;
	color: var(--color-light-blue);;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 0px 10px 14px;
	cursor: pointer;
	position: absolute;
	bottom:20px;
}

.light-24{
	font-size: 24px;
    font-weight: lighter;
}

a{
	color: var(--color-link);
}
a:hover{
	color: var(--color-link-hover);
}
.center{
    text-align: center;
}
.copyright{
    text-align: center;
    font-size: .9rem;
}