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;
}

.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;
}

.login-startseite{
    background-image:url('/files/Daten/Bilder/login-2.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}

#article-1, #article-1 h2{
	color:var(--color-text-white);
	margin-top: 100px;
	
}

#article-1 form button, input[type="submit"], .button{
	background-color: var(--color-orange);
	
}
.media-right img{
	padding-left:20px;
}
  

/* ############################################################*/

@media only screen and (min-width: 320px) {	


}
/* ############################################################*/
@media only screen and (min-width: 767px) {
#wrapper {

}
@media only screen and (min-width: 886px) {
	.mod_article.margin-top{
		margin:92px 0px 0px 0px;
	}
}
/*########################################################################*/

@media only screen and (min-width: 1024px) {
}



/* ##############################################*/
@media only screen and (min-width: 1420px) {

}
/* ##############################################*/
@media only screen and (min-width: 1600px) {	

}