

@font-face {
	font-family: 'metamedium_roman';
	src: url("../../../fonts/meta/ufonts.com_meta-medium-lf-roman-webfont.eot");
	src: url("../../../fonts/meta/ufonts.com_meta-medium-lf-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/meta/ufonts.com_meta-medium-lf-roman-webfont.woff2") format("woff2"), url("../../../fonts/meta/ufonts.com_meta-medium-lf-roman-webfont.woff") format("woff"), url("../../../fonts/meta/ufonts.com_meta-medium-lf-roman-webfont.ttf") format("truetype"), url("../../../fonts/meta/ufonts.com_meta-medium-lf-roman-webfont.svg#metabold_roman") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'metabold_roman';
	src: url("../../../fonts/meta/meta_bold_roman.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}


/* open-sans-300 - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-300.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-300.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-regular - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-regular.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-600 - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-600.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-600.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-700 - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-700.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-700.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-800 - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-800.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-800.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-300italic - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-300italic.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-300italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-italic - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-italic.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-600italic - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-600italic.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-600italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-700italic - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-700italic.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-700italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-800italic - latin */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	src: url('/fonts/opensans-v18/open-sans-v18-latin-800italic.eot');
	/* IE9 Compat Modes */
	src: local(''), url('/fonts/opensans-v18/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/opensans-v18/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/opensans-v18/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/opensans-v18/open-sans-v18-latin-800italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* fredericka-the-great-regular - latin */

@font-face {
	font-family: 'Fredericka the Great';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/fredericka-the-great/fredericka-the-great-v10-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local('Fredericka the Great'), local('FrederickatheGreat'), url('/fonts/fredericka-the-great/fredericka-the-great-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/fredericka-the-great/fredericka-the-great-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/fredericka-the-great/fredericka-the-great-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/fonts/fredericka-the-great/fredericka-the-great-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/fredericka-the-great/fredericka-the-great-v10-latin-regular.svg#FrederickatheGreat') format('svg');
	/* Legacy iOS */
}


/* lobster-regular - latin */

@font-face {
	font-family: 'Lobster';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/lobster-v23-latin/lobster-v23-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local('Lobster Regular'), local('Lobster-Regular'), url('/fonts/lobster-v23-latin/lobster-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/lobster-v23-latin/lobster-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/lobster-v23-latin/lobster-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/fonts/lobster-v23-latin/lobster-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/lobster-v23-latin/lobster-v23-latin-regular.svg#Lobster') format('svg');
	/* Legacy iOS */
}

/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}


/* dancing-script-500 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-500.svg#DancingScript') format('svg'); /* Legacy iOS */
}


/* dancing-script-600 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-600.svg#DancingScript') format('svg'); /* Legacy iOS */
}


/* dancing-script-700 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/dancing-script-v16-latin/dancing-script-v16-latin-700.svg#DancingScript') format('svg'); /* Legacy iOS */
}



/* pacifico-regular - latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/pacifico-v17-latin/pacifico-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/pacifico-v17-latin/pacifico-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/pacifico-v17-latin/pacifico-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/pacifico-v17-latin/pacifico-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/pacifico-v17-latin/pacifico-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/pacifico-v17-latin/pacifico-v17-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
}



/* allura-regular - latin */
@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/allura-v15-latin/allura-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/allura-v15-latin/allura-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/allura-v15-latin/allura-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/allura-v15-latin/allura-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/allura-v15-latin/allura-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/allura-v15-latin/allura-v15-latin-regular.svg#Allura') format('svg'); /* Legacy iOS */
}






@media (min-width: 993px) {
	main{
		font-size: 1.0em;
		line-height: 2.0em;
	}
}
@media (max-width: 992px){
	main{
		font-size: 1.0em;
		line-height: 2.0em;
	}
}


/* Feste Horizontale Navigation*/

img{
	display: block;
}

.down .navigation_outside_fix {
	transform: translate3d(0, 86px, 0);
}


.sticky+.content {
	padding-top: 44px;
}



/*SORTIERUNG!!*/

.flowingBox {
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}


.breadcrumb>span {
	border-bottom: 1px solid rgb(130, 2, 5) ! important;
	line-height: 2.0em;
}


/* Color Schema */



.content-texteditor a, .content-bild a, .eventresults a, .ev_details a {
	/* border-bottom: 2px dotted rgba(130, 2, 5, 0.5); */
	border-bottom: 2px dotted rgba(51, 51, 51, 0.5);
}
	
.content-texteditor a.white, .content-bild a.white, .ev_details a.white {
	border-bottom: 2px dotted rgba(255, 255, 255, 0.9) ;
}

.content-texteditor a:hover, .content-bild a:hover, .ev_details a:hover {
	border-bottom: 1px solid rgba(189, 15, 19, 1);
	color: rgba(189, 15, 19, 1);
}
	
.content-texteditor a.white:hover, .content-bild a.white:hover, .ev_details a.white:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 1) ;
	color: rgba(255, 255, 255, 1) ;
}

.content-texteditor a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f0da";
   display: inline-block;
   padding-right: 4px;
   padding-left: 2px;
   vertical-align: middle;
   font-weight: 900;
   font-size: 1.0em;
   margin-top: -2px;
}

.content-texteditor a.downloadlink:before {
   font-family: "Font Awesome 5 Free";
   content: "\f019";
   display: inline-block; 
   padding-right: 6px;
   padding-left: 2px;
   vertical-align: middle;
   font-weight: 900;
   font-size: 0.8em;
   margin-top: -2px;
}

.mce_text a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f0da";
   display: inline-block;
   padding-right: 1px;
   padding-left: 2px;
   vertical-align: middle;
   font-weight: 900;
   font-size: 1.0em;
   margin-top: -2px;
}

.linkicon_after{
	vertical-align: super;
  font-size: smaller;
  margin-left: 3px;

}

a.noicon:before{
   content: " ";
   padding-right: 0px;
   padding-left: 0px;
}





.footer_wrapper {
	margin-top: 60px;
}

.startseite .footer_wrapper{
	margin-top: 0px;
}

.header .pagename {
	border-top: 1px solid rgb(255, 255, 255);
	padding-top: 10px;
	font-weight: 600;
	color: rgb(255, 255, 255);
	font-family: Open Sans;
	text-transform: uppercase;
	display: block;
	font-size: 0.8em;
}

/**** CONTAINER ***/
@media (min-width: 1200px) {
	a.anchor {
		display: block;
		position: relative;
		top: -80px;
		visibility: hidden;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	a.anchor {
		display: block;
		position: relative;
		top: -100px;
		visibility: hidden;
	}
}
@media (min-width: 600px) and (max-width: 991px) {	
	a.anchor {
		display: block;
		position: relative;
		top: -100px;
		visibility: hidden;
	}
}
@media (max-width: 600px) {
	a.anchor {
		display: block;
		position: relative;
		top: -150px;
		visibility: hidden;
	}
}


@media (max-width: 700px) {
	
	.heroimage-banner {
		min-height: 0px ! important;
		padding-bottom: 100px;
	}
	
	.heroimage-banner .heroimage-text .imagetext {
		font-family: 'Open Sans';
		margin-bottom: 40px;
		font-size: 1.4em;
		margin-top: 15px;
		max-width: 388px;
		text-align: center;
		margin: 0 auto 30px;
		font-weight: 600;
		/* text-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 7px rgba(0, 0, 0, 1); */
	}
	
}
@media (max-width: 992px) {
	.heroimage-text {
		padding-top: 50px ! important;
	}
	
	
}
@media (max-width: 600px) {
	
	.only-sm {
		display: block;
	}
	
	.not-sm {
		display: none;
	}
	
	.content-bild figure img {
		width: 100%;
	}
	
	.heroimage a {
		text-decoration: none;
	}
	
	.smartphone figure a:last-child {
		text-align: left;
	}
	
	.smartphone figure a {
		width: 100%;
		max-width: 50%;
		display: block;
		float: left;
	}
	
	.smartphone .stadtlogo {
		width: 47.62%;
		max-width: 100px;
		margin-right: 15px;
	}
	
	.smartphone figure {
		width: 100%;
	}
	
	.smartphone .esmlogo {
		width: 100%;
		max-width: 200px;
	}
	/*
	.smartphone .esmlogo{
		width: 24.38%; 
		max-width: 50px;
	}*/
	
	.smartphone .header {
		padding-top: 15px;
		padding-bottom: 5px;
	}
	
	.smartphone figure {
		float: left;
	}
	
	div[role=banner] .tright.icons {
		font-size: 1.0em;
	}
	
	.tright.icons .suche {
		margin-top: 0px ! important;
	}
	
	#btn_suche {
		font-size: 1.0em ! important;
	}
	
	.pagename {
		display: none ! important;
	}
}
@media (max-width: 900px) {
	.smallInfoPanel {
		left: 0 ! important;
		top: -25 ! important;
		position: relative ! important;
		width: 100% ! important;
	}
	
	.startseite_sip, .unterseite_sip {
		top: -42px;
		position: relative;
	}
	
	.smallInfoPanel ul {
		text-align: right ! important;
		margin-right: 5px ! important;
	}
	
	.smallInfoPanel ul li {
		display: inline ! important;
		float: left ! important;
	}
	
	.smallInfoPanel ul li a>div {
		top: -5px;
	}
	
	.smallInfoPanel .content {
		/* background-color: rgba(98, 0, 2, 0.7) ! important; */
		background-color: rgba(0, 0, 0, 0.5) ! important;
		margin-top: 0px ! important;
		padding-top: 10px ! important;
		padding-bottom: 10px ! important;
	}
	
	.smallInfoPanel ul a {
		display: inline ! important;
	}
}
.kontaktinfos {
	margin-top: 15px;
}











/* Feste Horizontale Navigation*/
/* Feste Horizontale Navigation*/
#primary_top ul.navigation>li>button {
	background: none;
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: rgb(51, 51, 51);
	font-size: 1.0em;
	display: block;
	font-weight: 600;
	text-decoration: none;
	padding: 7px 20px;
	height: 35px;
}



/**Verstecktes Untermenü**/
#primary_top ul.navigation.zweispaltig>li>.menuwrapper {
	width: 760px;
	-webkit-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
}
#primary_top ul.navigation.dreispaltig>li>.menuwrapper {
	width: 1140px;
	-webkit-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
}
#primary_top ul.navigation>li>.menuwrapper {
	/* transform: translateX(-633px) rotateX(0deg); */
	
	position: absolute;
	overflow-x: visible;
	display: block;
	height: auto;
	background-color: rgba(229, 239, 237, 1);
	/* background-color: rgba(23, 115, 155, 0.95); */
	
	color: rgb(0, 0, 0);
	list-style-type: none;
	padding: 0px;
	left: 0;
	border: 1px solid rgb(130, 2, 5);
	min-height: 417px;
	z-index: 400;
}
#primary_top ul.navigation>li>.menuwrapper>li:first-child,
#primary_top ul.navigation>li>.menuwrapper>li:first-child a {
	font-weight: 600;
}
#primary_top ul.navigation>li>.menuwrapper>li {
	color: rgb(98, 0, 2);
	background: none;
	padding: 2px 15px;
	/* border-bottom: 1px solid rgba(23, 115, 155, 0.1); */
}
#primary_top ul.navigation>li>.menuwrapper>li.last {
	/* margin-bottom: 15px; */
}
#primary_top ul.navigation>li>.menuwrapper {
	border-right: 1px solid rgb(130, 2, 5);
	height: 100%;
}
#primary_top ul.navigation.zweispaltig>li>.menuwrapper>li {
	width: 50%;
}
#primary_top ul.navigation.dreispaltig>li>.menuwrapper>li {
	width: 33.33%;
}
#primary_top ul.navigation>li>.menuwrapper>div>li>button {
	color: rgb(98, 0, 2);
	background: none;
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: rgb(51, 51, 51);
	font-size: 1.0em;
	padding: 5px 10px;
	display: block;
	font-weight: 600;
	text-decoration: none;
	width: 100%;
	text-align: left;
}
#primary_top ul.navigation>li>.menuwrapper>div>li:hover {
	background-color: rgb(98, 0, 2);
}
#primary_top ul.navigation>li>.menuwrapper>div>li:hover>a,
#primary_top ul.navigation>li>.menuwrapper>div>li:hover>button,
#primary_top ul.navigation>li>.menuwrapper>div>li>button:hover {
	-webkit-transition: padding-left .15s ease-out;
	-moz-transition: padding-left .15s ease-out;
	transition: padding-left .15s ease-out;
	padding-left: 20px;
	color: rgb(255, 255, 255);
}
#primary_top ul.navigation.zweispaltig>li>.menuwrapper>li>ul {
	left: 50%;
	width: 50%;
}
#primary_top ul.navigation.dreispaltig>li>.menuwrapper>li>ul {
	left: 33.33%;
	width: 33.33%;
}
#primary_top ul.navigation>li>.menuwrapper>li>ul {
	position: absolute;
	top: -0;
	/* border: 1px solid rgb(159, 207, 93);  */
	
	background-color: none;
	height: 100%;
	z-index: 10;
	padding: 0px;
	list-style-type: none;
}
#primary_top ul.navigation>li>.menuwrapper>li>ul>li {
	background: none;
	color: rgb(98, 0, 2);
}
#primary_top ul.navigation>li>.menuwrapper>li>ul>li:first-child,
#primary_top ul.navigation>li>.menuwrapper>li>ul>li:first-child a {
	font-weight: 600;
}
#primary_top ul.navigation>li>.menuwrapper>li>ul>li a {
	background: none;
	color: rgb(98, 0, 2);
}
#primary_top ul.navigation>li>.menuwrapper>div>li>ul>li:hover {
	/* background-color: rgb(130, 2, 5); */
	
	background-color: rgb(98, 0, 2);
}
#primary_top ul.navigation>li>.menuwrapper>div>li>button{
	line-height: 20.5667px;
}

#primary_top ul.navigation>li>.menuwrapper>div>li>ul>li:hover>a,
#primary_top ul.navigation>li>.menuwrapper>div>li>ul>li:hover>button,
#primary_top ul.navigation>li>.menuwrapper>div>li>ul>li>button:hover {
	-webkit-transition: padding-left .15s ease-out;
	-moz-transition: padding-left .15s ease-out;
	transition: padding-left .15s ease-out;
	color: rgb(255, 255, 255);
	padding-left: 20px;
}
#primary_top ul.navigation.zweispaltig .mittlereSpalte {
	left: 50%;
	width: 50%;
}
#primary_top ul.navigation.dreispaltig .mittlereSpalte {
	left: 33.33%;
	width: 33.33%;
}
#primary_top ul.navigation .mittlereSpalte {
	position: absolute;
	top: 0;
	height: 100%;
	padding: 0px 0px;
}
#primary_top ul.navigation .mittlereSpalte .menuContainer {
	border-left: 1px solid rgb(130, 2, 5);
	height: 100%;
	padding: 0px 0px;
}
#primary_top ul.navigation .mittlereSpalte .menuContainer img {
	width: 100%;
}
#primary_top ul.navigation .rechteSpalte {
	position: absolute;
	top: 0;
	width: 33.33%;
	height: 100%;
	padding: 0px 0px;
	right: 0;
	display: none;
}
#primary_top ul.navigation .rechteSpalte .menuContainer {
	border-left: 1px solid rgb(98, 0, 2);
	height: 100%;
	padding: 0px 0px;
}
#primary_top ul.navigation .rechteSpalte .menuContainer img {
	width: 100%;
	/* opacity: 0.7; */
	/* filter: sepia(90%); */
	/* filter: contrast(70%); */
	/* background-color: black; */
}
#primary_top ul.navigation .rechteSpalte div.beschreibung h2 {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1em;
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-family: 'Open Sans';
	font-weight: 600;
}
#primary_top ul.navigation .rechteSpalte div.beschreibung p {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	margin-top: 0px;
}
#primary_top ul.navigation .mittlereSpalte div.beschreibung h2 {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1em;
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-family: 'Open Sans';
	font-weight: 600;
}
#primary_top ul.navigation .mittlereSpalte div.beschreibung p {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	margin-top: 0px;
}
#primary_top ul.navigation.zweispaltig>li>.menuwrapper>li>ul {
	display: none;
}
#primary_top ul.navigation.zweispaltig .mittlereSpalte div {
	background-color: rgb(130, 2, 5);
}
#primary_top ul.navigation.dreispaltig .rechteSpalte div {
	background-color: rgb(130, 2, 5) ! important;
}
#primary_top ul.navigation.dreispaltig .mittlereSpalte div {
	background: transparent;
}
#primary_top ul.navigation.dreispaltig .mittlereSpalte div>img,
#primary_top ul.navigation.dreispaltig .mittlereSpalte div>div {
	display: none;
}
#primary_top ul.navigation.dreispaltig .rechteSpalte {
	display: block;
}
#primary_top ul.navigation.zweispaltig .mittlereSpalte div>img,
#primary_top ul.navigation.zweispaltig .mittlereSpalte div>div {
	display: block;
}
.navpixel {
	height: 8px;
	width: 8px;
	float: left;
	margin-top: 7px;
	margin-right: 5px;
}

/** Mitscrollende Nav **/



	
#primarysticky_top ul.navigation>li>a {
	background: none;
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: rgb(51, 51, 51);
	font-size: 1.0em;
	padding: 7px 20px;
	display: block;
	font-weight: 600;
	text-decoration: none;
}
#primarysticky_top ul.navigation>li:hover {
	background-color: rgb(19, 37, 84);
}
#primarysticky_top ul.navigation>li:hover>a,
#primarysticky_top ul.navigation>li:hover>button,
#primarysticky_top ul.navigation>li>button:hover {
	color: rgb(255, 255, 255);
}
#primarysticky_top ul.navigation>li {
	padding: 0px;
}
#primarysticky_top ul.navigation.zweispaltig>li>.menuwrapper {
	width: 760px;
	-webkit-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
}
#primarysticky_top ul.navigation.dreispaltig>li>.menuwrapper {
	width: 1140px;
	-webkit-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 10px -2px rgba(0, 0, 0, 0.3);
}
#primarysticky_top ul.navigation>li>.menuwrapper {
	/* transform: translateX(-633px) rotateX(0deg); */
	
	position: absolute;
	overflow-x: visible;
	display: block;
	height: auto;
	background-color: rgba(229, 239, 237, 1);
	/* background-color: rgba(23, 115, 155, 0.95); */
	
	color: rgb(0, 0, 0);
	list-style-type: none;
	padding: 0px;
	left: 0;
	border: 1px solid rgb(98, 0, 2);
	min-height: 417px;
	z-index: 400;
}
#primarysticky_top ul.navigation>li>.menuwrapper>li:first-child,
#primarysticky_top ul.navigation>li>.menuwrapper>li:first-child a {
	font-weight: 600;
}
#primarysticky_top ul.navigation>li>.menuwrapper>li {
	color: rgb(98, 0, 2);
	background: none;
	padding: 2px 15px;
	/* border-bottom: 1px solid rgba(23, 115, 155, 0.1); */
}
#primarysticky_top ul.navigation>li>.menuwrapper>li.last {
	/* margin-bottom: 15px; */
}
#primarysticky_top ul.navigation>li>.menuwrapper {
	border-right: 1px solid rgb(98, 0, 2);
	height: 100%;
}
#primarysticky_top ul.navigation.zweispaltig>li>.menuwrapper>li {
	width: 50%;
}
#primarysticky_top ul.navigation.dreispaltig>li>.menuwrapper>li {
	width: 33.33%;
}
#primarysticky_top ul.navigation>li>.menuwrapper>div>li>button{
	line-height: 20.5667px;
}

#primarysticky_top ul.navigation>li>.menuwrapper>li>button {
	color: rgb(98, 0, 2);
	background: none;
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: rgb(98, 0, 2);
	font-size: 1.0em;
	padding: 5px 10px;
	display: block;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	text-align: left;
}
#primarysticky_top ul.navigation>li>button {
	background: none;
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: rgb(51, 51, 51);
	font-size: 1.0em;
	display: block;
	font-weight: 600;
	text-decoration: none;
	padding: 7px 20px;
	height: 35px;
}
#primarysticky_top ul.navigation>li>.menuwrapper>div>li:hover {
	background-color: rgb(98, 0, 2);
}
#primarysticky_top ul.navigation>li>.menuwrapper>div>li:hover>a,
#primarysticky_top ul.navigation>li>.menuwrapper>div>li:hover>button,
#primarysticky_top ul.navigation>li>.menuwrapper>div>li>button:hover {
	/* color: rgb(255, 255, 255); */
	
	-webkit-transition: padding-left .15s ease-out;
	-moz-transition: padding-left .15s ease-out;
	transition: padding-left .15s ease-out;
	padding-left: 20px;
	/* font-weight: 600; */
	/* color: rgb(23, 115, 155); */
	
	color: rgb(255, 255, 255);
}
#primarysticky_top ul.navigation.zweispaltig>li>.menuwrapper>li>ul {
	left: 50%;
	width: 50%;
}
#primarysticky_top ul.navigation.dreispaltig>li>.menuwrapper>li>ul {
	left: 33.33%;
	width: 33.33%;
}
#primarysticky_top ul.navigation>li>.menuwrapper>li>ul {
	position: absolute;
	top: -0;
	/* border: 1px solid rgb(159, 207, 93);  */
	
	background-color: none;
	height: 100%;
	z-index: 10;
	padding: 0px;
	list-style-type: none;
}
#primarysticky_top ul.navigation>li>.menuwrapper>li>ul>li {
	background: none;
	color: rgb(98, 0, 2);
}
#primarysticky_top ul.navigation>li>.menuwrapper>li>ul>li:first-child,
#primarysticky_top ul.navigation>li>.menuwrapper>li>ul>li:first-child a {
	font-weight: 600;
}
#primarysticky_top ul.navigation>li>.menuwrapper>li>ul>li a {
	background: none;
	color: rgb(98, 0, 2);
}
#primarysticky_top ul.navigation>li>.menuwrapper>div>li>ul>li:hover {
	/* background-color: rgb(130, 2, 5); */
	
	background-color: rgb(98, 0, 2);
}
#primarysticky_top ul.navigation>li>.menuwrapper>div>li>ul>li:hover>a,
#primarysticky_top ul.navigation>li>.menuwrapper>div>li>ul>li:hover>button,
#primarysticky_top ul.navigation>li>.menuwrapper>div>li>ul>li>button:hover {
	-webkit-transition: padding-left .15s ease-out;
	-moz-transition: padding-left .15s ease-out;
	transition: padding-left .15s ease-out;
	color: rgb(255, 255, 255);
	padding-left: 20px;
}
#primarysticky_top ul.navigation.zweispaltig .mittlereSpalte {
	left: 50%;
	width: 50%;
}
#primarysticky_top ul.navigation.dreispaltig .mittlereSpalte {
	left: 33.33%;
	width: 33.33%;
}
#primarysticky_top ul.navigation .mittlereSpalte {
	position: absolute;
	top: 0;
	height: 100%;
	padding: 0px 0px;
}
#primarysticky_top ul.navigation .mittlereSpalte .menuContainer {
	border-left: 1px solid rgb(98, 0, 2);
	height: 100%;
	padding: 0px 0px;
}
#primarysticky_top ul.navigation.dreispaltig .rechteSpalte div {
	background-color: rgb(130, 2, 5) ! important;
}
#primarysticky_top ul.navigation .mittlereSpalte .menuContainer img {
	width: 100%;
}
#primarysticky_top ul.navigation .rechteSpalte {
	position: absolute;
	top: 0;
	width: 33.33%;
	height: 100%;
	padding: 0px 0px;
	right: 0;
	display: none;
}
#primarysticky_top ul.navigation .rechteSpalte .menuContainer {
	border-left: 1px solid rgb(98, 0, 2);
	height: 100%;
	padding: 0px 0px;
}
#primarysticky_top ul.navigation .rechteSpalte .menuContainer img {
	width: 100%;
	/* opacity: 0.7; */
	/* filter: sepia(90%); */
	/* filter: contrast(70%); */
	/* background-color: black; */
}
#primarysticky_top ul.navigation .rechteSpalte div.beschreibung h2 {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1em;
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-family: 'Open Sans';
	font-weight: 600;
}
#primarysticky_top ul.navigation .rechteSpalte div.beschreibung p {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	margin-top: 0px;
}
#primarysticky_top ul.navigation .mittlereSpalte div.beschreibung h2 {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.1em;
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-family: 'Open Sans';
	font-weight: 600;
}
#primarysticky_top ul.navigation .mittlereSpalte div.beschreibung p {
	color: rgb(255, 255, 255);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	margin-top: 0px;
}
#primarysticky_top ul.navigation.zweispaltig>li>.menuwrapper>li>ul {
	display: none;
}
#primarysticky_top ul.navigation.zweispaltig .mittlereSpalte div {
	background-color: rgb(98, 0, 2);
}
#primarysticky_top ul.navigation.dreispaltig .mittlereSpalte div {
	background: transparent;
}
#primarysticky_top ul.navigation.dreispaltig .mittlereSpalte div>img,
#primarysticky_top ul.navigation.dreispaltig .mittlereSpalte div>div {
	display: none;
}
#primarysticky_top ul.navigation.dreispaltig .rechteSpalte {
	display: block;
}
#primarysticky_top ul.navigation.zweispaltig .mittlereSpalte div>img,
#primarysticky_top ul.navigation.zweispaltig .mittlereSpalte div>div {
	display: block;
}
.navigation_outside_fix .header .container {
	padding-top: 2px;
}

/*Navigation*/
#primarysticky_top,
.navigation_outside_fix {
	width: 100%;
	height: auto;
	background: rgb(229, 239, 237);
	z-index: 10;
	position: relative;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
}
.navigation_outside_fix {
	transform: translate3d(0, -86px, 0);
}
.down .navigation_outside_fix {
	transform: translate3d(0, 86px, 0);
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: -86px;
	width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
	padding-top: 44px;
}
.navigation_outside_fix.darknav {
	/*background: rgb(23, 115, 155) ! important; */
	
	background: transparent ! important;
}

.onlystickynavigation a {
	margin: 0;
}
.onlystickynavigation img {
	height: 37px;
	padding: 8px 0 0px 0 ! important;
}

/*SORTIERUNG!!*/
.flowingBox {
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}

/*Fliegendes Fenster rechts*/
.smallInfoPanel {
	z-index: 8;
}

.smallInfoPanel .linkicon_after{
	display: none;
}

.smallInfoPanel .content {
	padding: 0px;
}
.smallInfoPanel .content:after {
	clear: both;
}
.breadcrumb>span {
	border-bottom: 1px solid rgb(130, 2, 5) ! important;
}

/* Color Schema */
.white {
	color: rgb(255, 255, 255);
}
.white_hg {
	background-color: rgb(255, 255, 255);
}
.lightshades {
	color: rgb(234, 235, 235);
}

.lightaccent {
	color: #C64D0C;
}
.lightaccent_hg {
	background-color: #C64D0C;
}
.maincolor {
	color: rgb(34,56,112);
}
.maincolor_hg {
	background-color: rgb(19, 35, 75);
}
.darkaccent {
	color: rgb(98, 0, 2);
}
.darkaccent_hg {
	background-color: rgb(62, 92, 140);
}
.darkshade {
	color: rgb(25, 28, 38);
}
.darkshade_hg {
	background-color: rgb(25, 28, 38);
}
.secondary_hg {
	background-color: rgba(34,56,112, 1);
	/* background-color: rgb(155, 23, 23); */
}

.btn_dark_text {
	color: rgb(98, 0, 2);
	/* color: rgb(117, 5, 5); */
}
.border_dark {}
.success {
	color: rgb(62, 156, 104);
}
.warning {
	color: rgb(187, 140, 48);
}
.danger {
	color: rgb(187, 140, 48);
}
.primary {
	color: rgb(34,56,112);
}
.secondary {
	color: rgb(157, 9, 7);
}
.btn_default {
	color: rgb(255, 255, 255);
	background-color: rgb(153, 153, 153);
}
.btn_primary {
	color: rgb(255, 255, 255);
	/* background-color: rgb(168, 5, 9); */
	
	background-color: rgb(168, 5, 9);
}
.btn_info {
	color: rgb(255, 255, 255);
	background-color: rgb(5, 5, 7);
}
.btn_success {
	color: rgb(255, 255, 255);
	background-color: rgb(62, 156, 104);
}
.btn_warning {
	color: rgb(255, 255, 255);
	background-color: rgb(187, 140, 48);
}
.btn_danger {
	color: rgb(255, 255, 255);
	background-color: rgb(244, 67, 54);
}
.btn_light {
	color: rgb(25, 28, 38);
	background-color: rgb(255, 255, 255);
}

/*
f2d0a4
ffeccc
	772014
	570000

175676
4ba3c3
cce6f4
*/



/*Infobar*/
.infobar {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 0.95em;
	line-height: 1.53em;
	padding-left: 0px ! important;
	padding-right: 0px;

}


.infobar span{
	font-weight: 700;
}

.infobar span a{
	font-weight: 600;
}

/**********************************************
***********************************************
FLEXMODULE
***********************************************
**********************************************/

/* Überschrift */
h1,
h2,
h3,
h4 {
	font-family: "metabold_roman";
	font-weight: normal;
}

/* Teaser groß; ohne Seitenbar*/
section.tiles_large {
	margin-bottom: 30px;
}
section.tiles_large .box_einzeln {
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
section.tiles_large .box_einzeln figure {
	width: 100%;
	margin: 0;
	position: relative;
	padding: 0;
	background-size: 100% 100%;
	transition: transform 0.3s ease-in-out;
	/* Animation */
}
section.tiles_large .box_einzeln:hover figure {
	transform: scale(1.05);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
section.tiles_large .box_einzeln figure div {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	transition: transform 0.3s ease-in-out;
	/* Animation */
}
section.tiles_large .box_einzeln:hover figure div {
	transform: scale(1.05);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
section.tiles_large .box_einzeln .textbox {
	left: 52px;
	right: 20px;
	position: absolute;
	bottom: 32px;
	color: rgb(255, 255, 255);
	z-index: 2;
}

@media (max-width: 1200px) {
	section.tiles_large .box_einzeln .textbox {
		left: 4.396vw;
		right: 1.692vw;
		bottom: 2.705vw;
	}
}

section.tiles_large .box_einzeln .overlay {
		background: rgb(0, 0, 0);
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}

section.tiles_large .box_einzeln:hover .overlay {
	background: rgba(189, 15, 19, 0.3);
	/* background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(189, 15, 19, 0.3) 60%, rgba(189, 15, 19, 0.3) 100%); */
}






section.tiles_large .box_einzeln .text {
	padding-bottom: 30px;
	font-weight: 400;
}

section.tiles_large .box_einzeln .button {
	width: auto;
	padding: 5px 20px;
	border-radius: 3px;
	font-size: 0.875em;
}
section.tiles_large .box_einzeln .button:hover {
	background-color: rgb(98, 0, 2);
}

/* Teaser mittel*/
section.tiles_med {
	margin-bottom: 30px;
}
section.tiles_med .article_container {
	background-color: rgb(255, 255, 255);
	/*
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	*/
	
	padding-bottom: 15px;
}
section.tiles_med .article_container figure {
	width: 100%;
	margin: 0;
	position: relative;
	padding: 0;
}
section.tiles_med .article_container .figcaption {
	margin-bottom: 10px;
	font-size: 0.9em;
}
section.tiles_med .article_container .meta-container {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 600;
}
section.tiles_med .article_container h4 {
	font-size: 1.5em;
	margin-top: 4px;
	margin-bottom: 10px;
}
section.tiles_med .article_container a {}

/*maincolor LAYOUT */
section.tiles_med.maincolor .article_container {
	background-color: rgb(23, 115, 155);
}
section.tiles_med.maincolor .article_container {
	background-color: rgb(23, 115, 155);
}
section.tiles_med.maincolor .article_container a {
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

/*darkaccent LAYOUT */
section.tiles_med.darkaccent .article_container {
	background-color: rgb(62, 92, 140);
}
section.tiles_med.darkaccent .article_container {
	background-color: rgb(62, 92, 140);
}
section.tiles_med.darkaccent .article_container a {
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

/*lightaccent LAYOUT */
section.tiles_med.lightaccent .article_container {
	background-color: #ffa830;
}
section.tiles_med.lightaccent .article_container {
	background-color: #ffa830;
}
section.tiles_med.lightaccent .article_container a {
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

/*Copyright*/
.copyrightpixel {
	width: 15px;
	height: 16px;
	position: absolute;
	right: 0;
	margin-top: -25px;
	margin-right: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.9);
}
.cppixel {
	text-align: center;
	width: 25px;
	color: rgb(234, 235, 235);
	padding: 2px;
	font-size: 0.8em;
	height: 20px;
}

/* Videomodul */
section.videomodul {
	margin-bottom: 30px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
section.videomodul article .video_wrapper {
	/*Gilt für Desktop Version*/
	
	width: 100%;
	height: 477px;
	overflow: hidden;
	position: relative;
}
section.videomodul article .video_wrapper .video_ctrl div img {
	width: 100%;
}
section.videomodul article .video_wrapper .video_ctrl .video_trigger {
	left: 52px;
	right: 20px;
	position: absolute;
	bottom: 32px;
	color: rgb(255, 255, 255);
	z-index: 300;
}
section.videomodul article .video_wrapper .video_ctrl .video_trigger i {
	font-size: 150px;
	cursor: pointer;
}
section.videomodul article .video_wrapper .video_ctrl .video_trigger i:hover {
	color: rgb(62, 92, 140);
}
section.videomodul article .video_wrapper .video_ctrl .video_trigger input {
	border: none;
	width: auto;
	padding: 7px 20px;
	border-radius: 3px;
	cursor: pointer;
}
section.videomodul article .video_wrapper .video_ctrl .video_trigger input:hover {
	background-color: rgb(98, 0, 2);
}
section.videomodul article .video_wrapper .video_ctrl .overlay {
	z-index: 100;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
section.videomodul article .video_wrapper .video_layer {
	width: 100%;
	height: 477px;
}
section.videomodul article .video_wrapper .video_layer iframe {
	width: 100%;
	height: 477px;
}
.svgicon svg {
	transition: transform 0.3s ease-in-out;
	/* Animation */
}
.svgicon:hover svg {
	transform: scale(1.1);
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.circle1 {
	fill: #ffa830;
}
.circle2 {
	fill: rgb(168, 5, 9);
}
.circle3 {
	fill: rgb(98, 0, 2);
}




.faq_frage {
	padding: 10px 10px;
	border: 1px solid white;
	cursor: pointer;
	position: relative;
	-webkit-user-select: none;
	/* Chrome/Safari */
	
	-moz-user-select: none;
	/* Firefox */
	
	-ms-user-select: none;
	/* IE10+ */
	/* Rules below not implemented in browsers yet */
	
	-o-user-select: none;
	user-select: none;
}
.faq_frage .faq_fragetext {
	/* position: absolute; */
	
	margin-left: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.faq_frage .faq_frageicon {
	position: absolute;
}
.faq_frage h4 {
	margin: 0;
	padding: 0;
}
.faq_frage.aktiv {
	background-color: rgb(98, 0, 2);
}
.faq_frage h4 i {
	margin-right: 10px;
}
.faq_antwort {
	padding: 15px 10px 30px 41px;
	background-color: white;
}
.faq_antwort.invisible {
	display: none;
}





.faq2 .faq_antwort{
	margin-bottom: 30px;
}

.faq2 .faq_frage.inaktiv{
	background-color: rgb(234, 235, 235);
}

@media (min-width: 601px) {
	.faq2 .faq_frage .faq_fragetext{
		font-size: 1.2em;
		margin-left: 30px;
		font-weight: 600;
		font-size: 1.0em;
	}
	
	.faq2 .faq_antwort{
		margin-left: 15px;
		padding-left: 43px;
		border-left: 5px dotted rgb(168, 5, 9);
	}
}
@media (max-width: 600px) {
	.faq2 .faq_frage .faq_fragetext{
		font-size: 1.2em;
		margin-left: 45px;
		font-weight: 600;
		font-size: 1.0em;
	}
	
	.faq2 .faq_antwort{
		margin-left: 10px;
		padding-left: 40px;
		border-left: 5px dotted rgb(168, 5, 9);
	}
}

.faq2 .faq_frage .faq_frageicon span{
	color: white;
	position: absolute;
	left: 12px;
	font-size: 0.55em;
	font-weight: 600;
	top: 1px;
}

.faq2 .faq_frage {
	border: none;
	border-top: 1px solid rgb(188, 195, 212);
}

.faq2 .faq_frage:first-child{
	
}

.faq2 .faq_frage .faq_frageicon{
	font-size: 1.0em;
}

.faq2 .faq_frage.aktiv .faq_frageicon{
	font-size: 1.0em;
	color: rgb(168, 5, 9);
}






.kontaktcontent {
	background-color: rgb(23, 115, 144);
	height: 300px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: -5px;
}
.footer {
	padding-top: 30px;
	background-color: rgb(0, 34, 80);
	font-size: 0.9em;
}

@media (max-width: 1590px) {
	.footer .container{
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 990px) {
	.footer .container{
		padding-left: 15px;
		padding-right: 15px;
	}
}

.col-lg-2 {
	width: 16.66666667%;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.posfixed {
	width: 100%;
	/* position: fixed; */
}
.voffset5 {
	margin-top: 40px;
}
.voffset6 {
	margin-top: 60px;
}
.col-lg-6 {
	width: 50%;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.col-lg-3 {
	width: 25%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	float: left;
}

}
.small_heading_white {
	color: rgb(255, 255, 255);
}
.small_heading,
.small_heading_red,
.small_heading_white,
.small_heading_blue,
.small_heading_gold,
.small_heading_grey,
.small_heading_purple {
	font-size: 15px;
	font-family: "Open Sans",
	sans-serif;
	font-weight: 600;
}
.white {
	color: rgb(255, 255, 255);
}
.white a {
	color: rgb(255, 255, 255);
	text-decoration: none;
}
.copyright {
	color: rgb(255, 255, 255);
	font-size: 10px;
	font-weight: 400;
}
.footer .spalte_abstand {
	padding-left: 40px;
}
.clearfix {
	clear: both;
}
.heroimage-smallbanner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	min-height: 300px;
}

.heroimage-banner2 {
	height: 190px;
	background: transparent;
}
.heroimage-banner .color_ghostbutton {
	cursor: pointer;
	width: 180px;
	padding: 10px 0px;
	font-size: 1.2em;
	border: 1px solid rgba(153,5,5, 0.83);
	/* opacity: 0.7; */
	border-radius: 5px;
	/* font-family: 'Open Sans', sans-serif;  */
	font-family: 'metabold_roman';
	/* font-family: 'Fredericka the Great'; */
	background-color: rgba(153,5,5, 0.83);
	/* text-transform: uppercase; */
	font-weight: 400;
}

.heroimage-banner .ghostbutton {
	cursor: pointer;
	width: 180px;
	padding: 10px 0px;
	font-size: 1.2em;
	border: 1px solid rgba(255, 255, 255, 1);
	/* opacity: 0.7; */
	border-radius: 5px;
	/* font-family: 'Open Sans', sans-serif;  */
	font-family: 'metabold_roman';
	/* font-family: 'Fredericka the Great'; */
	background-color: rgba(0, 0, 0, 0.0);
	/* text-transform: uppercase; */
	font-weight: 400;
}
/* .heroimage-banner>div>div:nth-child(0)>div, */
/* .heroimage-banner .heroimage-text>div:nth-of-type(1) div { */
	/* float: right; */
/* } */
/* .heroimage-banner>div>div:nth-child(0)>div, */
/* .heroimage-banner .heroimage-text>div:nth-of-type(2) div { */
	/* float: left; */
}
.heroimage-banner .ghostbutton:hover {
	/* background-color: rgba(255,255,255,1.0); */
	background-color: rgba(189, 15, 19, 0.5);
	/* color: rgba(0,0,0,1.0); */
	/* font-weight: bold; */
	border-color: rgba(255, 255, 255, 1);
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.heroimage-banner .heroimage-text h2 {
	color: white;
	font-size: 4.9em;
	margin-bottom: 0px;
	margin-top: 0px;
	/* text-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 7px rgba(0, 0, 0, 1); */
}
.heroimage-banner .heroimage-text h2 .headerFirstRow {
	/* font-family: 'Lobster'; */
	/* text-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 7px rgba(0, 0, 0, 1); */
}
.heroimage-banner .heroimage-text p {
	font-family: 'Allura';
	margin-bottom: 40px;
	font-size: 4.0em;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: 700;
	/* text-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 7px rgba(0, 0, 0, 1); */
}
.heroimage-banner .heroimage-text .imagetext {
	font-family: 'Open Sans';
	margin-bottom: 40px;
	font-size: 1.4em;
	margin-top: 15px;
	max-width: 388px;
	text-align: center;
	margin: 0 auto 60px;
	font-weight: 600;
	/* text-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 7px rgba(0, 0, 0, 1); */
	margin-top: 4vw;
}

.heroimage-banner .heroimage-text a {
	color: white;
	text-decoration: none;
}
.transparent_banner2 {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	height: 38px;
	bottom:0;
	margin-top: -38px;
	position: relative;
	z-index:10;
}
.transparent_banner3 {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	height: 15px;
	bottom: 0;
	margin-top: -15px;
	z-index: 8;
	position: relative;
}
.heroimage-banner .heroimage-text {
	position: relative;
	margin: 0 auto;
	padding-top: 3.2115vw;
	max-width: 950px;
	width:100%;
}


.heroimage-banner {
	background-color: rgba(22, 41, 90, 0.46);
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.heroimage-smallbanner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	min-height: 300px;
}
.heroimage {
	/* background-size: 100%;  */
	/* background-size: auto;  */
	/* background-position: center;  */
	position: relative;
	width: 104vw;
}
.heroimage-small {
	/* background-size: 100%;  */
	/* background-size: auto;  */
	/* background-position: center;  */
	position: relative;
	width: 100%;
}

@media (min-width: 2020px) {
	.heroimage-banner .heroimage-text .imagetext {
    font-family: 'Open Sans';
    margin-bottom: 40px;
    font-size: 1.4em;
    margin-top: 15px;
    width: 388px;
    text-align: center;
    margin: 0 auto 60px;
        margin-top: 0px;
    font-weight: 600;
    margin-top: 2vw;
}
	
}


@media (min-width: 992px){
	
	/* .heroimage-banner > div > div:nth-child(0) > div, .heroimage-banner .heroimage-text > div:nth-of-type(1) div { */
		/* float: left; */
	/* } */
	


	.heroimage-banner .heroimage_buttons > div {
		justify-content: center;
		display: flex;
		width: 100%;
	}
	
	.heroimage-banner .heroimage_buttons > div a {
		margin-left: 7px;
		margin-right: 7px;
	}
	
	.heroimage-banner .heroimage_buttons > div a div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		float: right;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	
	.heroimage-banner .heroimage_buttons > div a div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div{
		font-size: 15px;
		background-color: rgb(49, 67, 113);
		border: 1px solid rgb(49, 67, 113);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div:hover  {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(49, 67, 113);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div{
		font-size: 15px;
		background-color: rgba(19, 35, 75,0);
		border: 1px solid rgb(255,255,255);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}

	.heroimage-banner {
		min-height: 38.631vw ! important;
	}
	
	

	.heroimage-banner{
		padding-bottom: 100px;
	}
	
		.heroimage-banner .heroimage-text > div {
			margin-right: 15px;
			margin-left: 15px;
		}
	
		.heroimage-banner .heroimage-text  > div h2{
			padding: 15px 15px 0;
			font-size: 49px;
			text-align: left;
			display: inline;
		}
		
		.heroimage-banner .heroimage-text  > div p{
			padding: 0 15px;
			margin-bottom: 0px;
			font-size: 60px;
			text-align: left;
			display: block;
			margin-left: 26vw;
		}
		
		
		.heroimage-banner .heroimage-text {
			max-width: 100%;
			width: 100%;
		}
	
	.heroimage-banner .heroimage-text  > div p.imagetext{
		font-size: 16px;
		font-weight: initial;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0px;
		color: white;
		padding-top: 15px;
		width: 355px;
		
		margin-top: 4vw;
		padding-bottom: 15px;
		display: block;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1){

		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.heroimage-banner .heroimage_buttons{
		margin-top: 30px;
	}
	
	/*
	
	.heroimage-banner .heroimage_buttons > div:nth-of-type(1) div{
		font-size: 15px;
		background-color: rgb(157, 9, 7);
		border: 1px solid rgb(157, 9, 7);
		float: right;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		
	}
	
	.heroimage-banner .heroimage_buttons > div:nth-of-type(2) div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		float: right;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	*/

	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1) div:hover{
		border: 1px solid rgba(255,255,255,0.7);
		background-color: rgb(8, 22, 57);

	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(2){

		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(2) div{
		font-size: 15px;
		background-color: rgba(19, 35, 75,0);
		border: 1px solid rgb(255,255,255);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);

	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(2) div:hover{
		border: 1px solid rgba(255,255,255,0.7);
		background-color: rgb(8, 22, 57);

	}

}






	
@media (min-width: 1500px){
	
	.heroimage-banner .heroimage-text  > div p{
		margin-left: calc(50% - 30px);
		/* margin-right: calc(31% - 30px); */
	}
}




@media (max-width: 1500px) and (min-width: 992px){
	
	.heroimage-banner .heroimage-text  > div p{
			margin-left: calc(50% - 30px);
		/* margin-right: calc(26% - 30px); */
	}
}

@media (min-width: 1330px){
	
	.heroimage-banner .heroimage-text  > div h2{
		font-size: 3.8vw;
	}
		
	.heroimage-banner .heroimage-text  > div p{
		font-size: 4.6vw;
	}
	
	.heroimage-banner .heroimage-text > div p.imagetext, .heroimage-banner .heroimage-text > div div{
		font-size: 18px ! important;
	}
}



@media (max-width: 992px) and (min-width: 700px){
	.heroimage-banner{
		min-height: 0px !important;
		padding-bottom: 100px;
	}
	
	.heroimage-banner .heroimage-text  > div{
		margin-right: 15px;
		margin-left: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div h2{
		padding: 15px 15px 0;
		font-size: 49px;
		text-align: left;
	}
	
	.heroimage-banner .heroimage-text  > div p{
		padding: 0 15px;
		margin-bottom: 0px;
		font-size: 60px;
		text-align: left;
	}
	
	.heroimage-banner .heroimage-text  > div p.imagetext{
		text-align: left;
		font-size: 16px;
		font-weight: initial;
		margin-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0px;
		padding-bottom: 15px;
		color: white;
		padding-top: 15px;
		width: 100%;
		max-width: 100%;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1){
		float: none;	
		display: block;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1) div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		float: left;
	}

	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(2){
		display: none;
	}
	
	
	
	
	
	
	.heroimage-banner .heroimage_buttons > div {
		justify-content: center;
		display: flex;
		width: 100%;
	}
	
	.heroimage-banner .heroimage_buttons > div a {
		margin-left: 7px;
		margin-right: 7px;
	}
	
	.heroimage-banner .heroimage_buttons > div a div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		float: right;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	
	.heroimage-banner .heroimage_buttons > div a div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div{
		font-size: 15px;
		background-color: rgb(49, 67, 113);
		border: 1px solid rgb(49, 67, 113);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div:hover  {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(49, 67, 113);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div{
		font-size: 15px;
		background-color: rgba(19, 35, 75,0);
		border: 1px solid rgb(255,255,255);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}
	

}


@media (max-width: 700px) and (min-width: 600px){
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1){
		float: none;	
		display: block;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1) div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		float: left;
	}

	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(2){
		display: none;
	}
	
	
	
	.heroimage-banner .heroimage_buttons > div {
		justify-content: center;
		display: flex;
		width: 100%;
	}
	
	.heroimage-banner .heroimage_buttons > div a {
		margin-left: 7px;
		margin-right: 7px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	
	.heroimage-banner .heroimage_buttons > div a div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		float: right;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	
	.heroimage-banner .heroimage_buttons > div a div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div{
		font-size: 15px;
		background-color: rgb(49, 67, 113);
		border: 1px solid rgb(49, 67, 113);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div:hover  {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(49, 67, 113);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div{
		font-size: 15px;
		background-color: rgba(19, 35, 75,0);
		border: 1px solid rgb(255,255,255);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}
	
}

@media (max-width: 600px) and (min-width: 445px){
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1){
		float: none;	
		display: block;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1) div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		float: left;
	}

	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(2){
		display: none;
	}
	
	
	
	.heroimage-banner .heroimage_buttons > div {
		justify-content: center;
		display: flex;
		width: 100%;
		flex-direction: column;
	}
	
	.heroimage-banner .heroimage_buttons > div a {
		margin-left: 7px;
		margin-right: 7px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	
	.heroimage-banner .heroimage_buttons > div a div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		float: right;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	
	.heroimage-banner .heroimage_buttons > div a div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div{
		font-size: 15px;
		background-color: rgb(49, 67, 113);
		border: 1px solid rgb(49, 67, 113);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div:hover  {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(49, 67, 113);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div{
		font-size: 15px;
		background-color: rgba(19, 35, 75,0);
		border: 1px solid rgb(255,255,255);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}
}


@media (max-width: 700px) and (min-width: 445px){
	.heroimage-banner .heroimage-text  > div{
		margin-right: 15px;
		margin-left: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div h2{
		padding: 15px 15px 0;
		font-size: 7.0vw;
		text-align: left;
	}
	
	.heroimage-banner .heroimage-text  > div p{
		padding: 0 15px;
		margin-bottom: 0px;
		font-size: 8.9vw;
		text-align: left;
	}
	
	.heroimage-banner .heroimage-text  > div p.imagetext{
		text-align: left;
		font-size: 16px;
		font-weight: initial;
		margin-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0px;
		padding-bottom: 15px;
		color: white;
		padding-top: 15px;
		width: 100%;
		max-width: 100%;
	}
	
	

}


@media (max-width: 445px) {
	.heroimage-banner .heroimage-text  > div{
		margin-right: 15px;
		margin-left: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div h2{
		padding: 15px 15px 0;
		font-size: 7.0vw;
		text-align: left;
	}
	
	.heroimage-banner .heroimage-text  > div p{
		padding: 0 15px;
		margin-bottom: 0px;
		font-size: 9.9vw;
		text-align: left;
	}
	
	.heroimage-banner .heroimage-text  > div p.imagetext{
		text-align: left;
		font-size: 16px;
		font-weight: initial;
		margin-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0px;
		padding-bottom: 15px;
		color: white;
		padding-top: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1){

		display: block;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(1) div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		float: left;
	}

	
	.heroimage-banner .heroimage-text  > div > div:nth-of-type(2){
		display: none;
	}
	
	
	.heroimage-banner .heroimage_buttons > div {
		justify-content: center;
		display: flex;
		width: 100%;
		flex-direction: column;
	}
	
	.heroimage-banner .heroimage_buttons > div a {
		margin-left: 7px;
		margin-right: 7px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	
	.heroimage-banner .heroimage_buttons > div a div{
		font-size: 15px;
		background-color: rgb(19, 35, 75);
		border: 1px solid rgb(19, 35, 75);
		float: right;
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}
	
	.heroimage-banner .heroimage_buttons > div a div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div{
		font-size: 15px;
		background-color: rgb(49, 67, 113);
		border: 1px solid rgb(49, 67, 113);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(2) > div:hover  {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(49, 67, 113);
	}


	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div{
		font-size: 15px;
		background-color: rgba(19, 35, 75,0);
		border: 1px solid rgb(255,255,255);
		box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	}
	
	
	.heroimage-banner .heroimage_buttons > div a:nth-of-type(3) > div:hover {
	  border: 1px solid rgba(255,255,255,0.7);
	  background-color: rgb(8, 22, 57);
	}

}




@media (min-width: 1920px){
	.heroimage-banner .heroimage-text  > div p.imagetext{
		margin-top: 11vw;
	}
}
@media (max-width: 1920px) and (min-width: 1500px){
	.heroimage-banner .heroimage-text  > div p.imagetext{
		margin-top: 9vw;
	}
}

@media (max-width: 1500px) and (min-width: 1200px){
	.heroimage-banner .heroimage-text  > div p.imagetext{
		margin-top: 8vw;
	}
}

@media (max-width: 1200px) and (min-width: 992px){
	.heroimage-banner .heroimage-text  > div p.imagetext{
		margin-top: 4vw;
	}
}

@media (max-width: 992px) and (min-width: 700px) {
	.heroimage-banner .heroimage-text h2 {
		font-size: 2.8vw;
	}
	.heroimage-banner .heroimage-text p {
		font-size: 4.5vw;
	}
}
@media (max-width: 699px) and (min-width: 450px) {
	.heroimage-banner .heroimage-text h2 {
		font-size: 4.6vw;
	}
	.heroimage-banner .heroimage-text p {
		font-size: 4.9vw;
	}
}

@media (max-width: 449px) {
	.heroimage-banner .heroimage-text h2 {
		font-size: 5.1vw;
	}
	.heroimage-banner .heroimage-text p {
		font-size: 5.9vw;
	}
}









/** Unterseite Kontakt links **/
.container_kontakt {
	padding: 0px 15px 0px;
	border-left: 8px solid rgb(98, 0, 2);
	margin-top: 15px;
	margin-bottom: 15px;
}
.container_kontakt h3 {
	width: 100%;
	color: rgb(98, 0, 2);
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.container_kontakt h4 {
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
	color: rgb(98, 0, 2);
	margin-top: 0px;
	font-family: 'Open Sans';
}
.container_kontakt p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.container_kontakt p a {
	text-decoration: none;
	padding-left: 5px;
}
.container_kontakt p a:hover {
	text-decoration: underline;
}

/** seitliche Navigation **/
#sidemain-navigation-de {
	width: 100%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	margin-top: 15px;
}
.sidemain-menu-prev {
	border-bottom: 1px solid rgb(221, 221, 221);
	color: rgb(255, 255, 255);
	position: relative;
	overflow: hidden;
}
.sidemain-menu-prev .btn_prev {
	color: rgb(255, 255, 255);
	width: 46px;
	padding: 10px 10px 10px 15px;
	float: left;
	border-right: 1px solid rgb(255, 255, 255);
	position: absolute;
	left:0;
	height: 100%;
	background: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
}
.sidemain-menu-prev .btn_prev:focus {
	background-color: rgb(64, 90, 157) !important;
	color: rgb(255, 255, 255);
	font-weight: 600;
}
.sidemain-menu-prev .btn_prev:hover {
	background-color: rgb(64, 90, 157) !important;
	/* color: rgb(168, 5, 9); */
	color: rgb(255, 255, 255);
}
.sidemain-menu-prev .sidemain-menu-prev-name {
	padding: 10px 55px 10px 15px;
	float: left;
	width: 100%;
	margin-left: 3.2em;
	overflow: hidden;
	color: rgb(255, 255, 255);
	text-decoration: none;
}
.sidemain-menu-prev .sidemain-menu-prev-name:focus {
	background-color: rgb(64, 90, 157) !important;
	color: rgb(255, 255, 255);
	font-weight: 600;
}
.sidemain-menu-prev .sidemain-menu-prev-name:hover {
	background-color: rgb(64, 90, 157) !important;
	color: rgb(255, 255, 255);
}
.sidemain-menu-content ul {
	list-style-type: none;
	padding-left: 0px;
	margin: 0;
}
.sidemain-menu-content {
	position: relative;
}
.sidemain-menu-content li {
	/* padding: 10px 15px 10px 15px;  */
	border-bottom: 1px solid rgb(221, 221, 221);
}
.sidemain-menu-content-item {
	position: relative;
}
.sidemain-menu-content .sidemain-menu-link {
	/* padding: 10px 15px 10px 15px;  */
	/* width: 100%; */
	/* text-decoration: none; */
	/* display: block; */
	display: block;
	padding: 10px 15px 10px 15px;
	/* transition: color .5s ease; */
	word-wrap: break-word;
}
.sidemain-menu-content .sidemain-menu-next {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 46px;
	padding: 10px 10px 10px 15px;
	height: 100%;
	background-color: rgb(255, 255, 255);
	text-align: center;
	/* background: none; */
	border: none;
	color: rgb(130, 2, 5);
	/* transition: background-color .2s ease; */
}
.sidemain-menu-content .sidemain-menu-next:hover {
	background-color: rgb(64, 90, 157) !important;
	/* color: rgb(168, 5, 9); */
	color: rgb(255, 255, 255);
}
.sidemain-menu-content .sidemain-menu-next:focus {
	background-color: rgb(64, 90, 157) !important;
	/* color: rgb(168, 5, 9); */
	color: rgb(255, 255, 255);
	font-weight: 600;
}
.sidemain-menu-content .sidemain-menu-link {
	text-decoration: none;
}
.sidemain-menu-content .sidemain-menu-link:hover {
	background-color: rgb(64, 90, 157) !important;
	/* color: rgb(168, 5, 9); */
	color: rgb(255, 255, 255);
}
.sidemain-menu-content li:hover {
	/* padding: 10px 15px 10px 15px;  */
}
.sidemain-menu-content .sidemain-menu-link:focus {
	background-color: rgb(64, 90, 157) !important;
	/* color: rgb(168, 5, 9); */
	color: rgb(255, 255, 255);
	font-weight: 600;
}
.sidemain-menu-link-active {
	background-color: rgb(34, 56, 112);
	color: rgb(255, 255, 255);
}
.sidemain-menu-link-active a {
	color: rgb(255, 255, 255);
}
.hideElement {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px,
	1px,
	1px,
	1px);
	width: 1px;
	height: 1px;
}

/**** CONTAINER ***/
@media (min-width: 1200px) {
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
}
@media (min-width: 600px) and (max-width: 991px) {
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
}
@media (max-width: 600px) {
	.col-xs-12 {
		width: 100%;
	}
	.col-xs-11 {
		width: 91.66666667%;
	}
	.col-xs-10 {
		width: 83.33333333%;
	}
	.col-xs-9 {
		width: 75%;
	}
	.col-xs-8 {
		width: 66.66666667%;
	}
	.col-xs-7 {
		width: 58.33333333%;
	}
	.col-xs-6 {
		width: 50%;
	}
	.col-xs-5 {
		width: 41.66666667%;
	}
	.col-xs-4 {
		width: 33.33333333%;
	}
	.col-xs-3 {
		width: 25%;
	}
	.col-xs-2 {
		width: 16.66666667%;
	}
	.col-xs-1 {
		width: 8.33333333%;
	}
}
.i-instance-content.clearfix {
	clear: none;
	padding: 0px ! important;
}
.content-texteditor img {
	max-width: 100%;
	height: auto !important;
}
.content-texteditor figure {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.content-texteditor ul{
list-style-type: none;
padding-left: 0px;
}
.content-texteditor > ul{
padding-left: 0px;
}

.content-texteditor > ul ul{
padding-left: 40px;
}

.content-texteditor > ul ul ul{
padding-left: 40px;
}

.content-texteditor > ul > li{
padding-left: 25px;
}


ul.themenliste{
	padding-left: 23px;
}

.content-texteditor ul li::before {
    content: "\25FC";
    color: rgb(35,56,112);
    position: absolute;
    margin-left: -25px;
}


.content-slot::after {
	clear: both;
	content: "";
	display: block;
}
.content-slot3>div {
	padding-left: 5px;
	padding-right: 5px;
}
.content-slot3>div:first-child {
	padding-left: 0px;
	padding-right: 10px;
}
.content-slot3>div:last-child {
	padding-left: 10px;
	padding-right: 0px;
}

/*
.content-slot2 > div:first-child{
	padding-left: 0px;
	padding-right: 7px;
}

.content-slot2 > div:last-child{
	padding-left: 8px;
	padding-right: 0px;
}

*/
.content-slot .flex_instance.i-instance.i-instance-boxd {
	margin-left: 0px ! important;
	margin-right: 0px ! important;
}
.img-responsive {
	max-width: 100%;
	height: auto !important;
}
.hide {
	display: none;
}

/*Flexmodul Bild */
.content-bild figure {
	padding: 0;
	margin: 0;
	max-width: 100%;
}
.content-bild figure.align_left {
	text-align: left;
}
.content-bild figure.align_center {
	text-align: center;
}
.content-bild figure.align_right {
	text-align: right;
}
.only-xs {
	display:none;
}
.not-xs {
	display:block;
}
.only-sm {
	display:none;
}
.not-sm {
	display:block;
}
.not-lg {
	display:block;
}
@media (min-width: 1200px) {
	.only-lg {
		display: block;
	}
	.not-lg {
		display: none;
	}
}
@media (max-width: 1200px) and (min-width: 993px) {
	.only-md {
		display: block;
	}
	.not-md {
		display: none;
	}
}
@media (max-width: 992px) and (min-width: 600px) {
	.only-sm {
		display: block;
	}
	.not-sm {
		display: none;
	}
}
@media (max-width: 600px) {
	.only-xs {
		display: block;
	}
	.not-xs {
		display: none;
	}
}
.content-ueberschrift h1, .content-texteditor h1 {
	font-size: 2.0em;
}
.content-ueberschrift h2, .content-texteditor h2 {
	font-size: 1.75em;
	line-height: 1.3em;
}
.content-ueberschrift h3, .content-texteditor h3 {
	font-size: 1.5em;
}
.content-ueberschrift h4, .content-texteditor h4 {
	font-size: 1.25em;
}
.content-ueberschrift h5, .content-texteditor h5 {
	font-size: 1.0em;
}
.content-ueberschrift h6, .content-texteditor h6 {
	font-size: 0.75em;
}
.button_hintergrund {
	position: relative;
}
.button_hintergrund {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: inline-block;
}
.button_hintergrund>span {
	display: inline-flex;
}
strong {
	font-weight: bold;
}
.content-slot>div {
	padding-right: 15px;
	padding-left: 15px;
}
.flex-socialmedia {
	background-color: #ffffff;
	width: 100%;
	min-height: 498px;
	margin-top: 15px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	
}
.flex-socialmedia .socialmedia_embedding {
	display: none;
}
.flex-socialmedia .message_hinweis h2 {
	padding: 0;
	margin: 0;
	font-size: 1.4em;
}
.flex-socialmedia .message_hinweis p {
	font-size: 1.0em;
	margin-bottom: 30px;
}
.flex-socialmedia .message_hinweis .button {
	width: auto;
	padding: 5px 20px;
	border-radius: 3px;
	font-size: 0.875em;
	font-weight: 600;
}
.btn_white {
	color: rgb(255, 255, 255);
	border: 1px solid white;
}
.flex-socialmedia .message_hinweis .button:hover {
	background-color: rgb(98, 0, 2);
	cursor: pointer;
}
.flex-socialmedia ul {
	list-style-type: none;
	padding: 0;
	background-color: #dddddd;
	font-size: 0.8em;
}
.flex-socialmedia ul li {
	display: inline;
}
.flex-socialmedia ul li span:hover {
	background-color: #bbbbbb;
	cursor: pointer;
}
.flex-socialmedia ul li span {
	padding: 15px;
	display: inline-block;
	transition: background-color 0.5s ease;
}
.flex-socialmedia ul li span h3 {
	display: inline;
	padding-left: 5px;
}
.flex-socialmedia ul li.active,
.flex-socialmedia ul li.active span {
	background-color: #fff;
}
.flex-socialmedia .socialmedia_wrapper {
	padding: 15px;
}
.flex-socialmedia .socialmedia_wrapper .facebook_embedding {
	text-align: center;
}
.flex-socialmedia .socialmedia_wrapper .instagram_embedding blockquote {
	width: 100%;
	max-width: 100% ! important;
}
.flex-socialmedia .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.flex-socialmedia .video-container iframe,
.flex-socialmedia .video-container object,
.flex-socialmedia .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}
main img {
	padding: 0;
	margin: 0;
	display: block;
}

/** Smartphone **/

.footer_icons .footer_socialmedia a {
	color: white;
	margin-right: 10px;
}
.footer_icons .footer_socialmedia i {
	font-size: 2.0em;
	color: white;
}
.footer_icon_esm{
	width: 68%;
	display: block;
	float: left;
}

.footer_icon_kl img{
	height: 60px;
}

.footer_icon_kl, .footer_icon_kl img{
	display: inline;
	margin-bottom: 30px;
}


.footer_icon_zab img{
	height: 80px;
}

.footer_icon_zab, .footer_icon_zab img{
	display: inline;
	margin-bottom: 30px;
}

.footer_icons .footer_icon_esm a {
	/* margin-right: 10px; */
}
.footer_icons .footer_eigene {
	text-align: right;
	padding-right: 0px;
}

.footer_telefon {
	text-align: right;
}

/*** Navi **/

@media (max-width: 1200px) {
	.smartphone {
		display: block;
	}
	.wrapper_nav {
		position: fixed;
		width: 100%;
	}
	.smartphone.wrapper_nav {
		box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
	}
	/* #nav-toggle { position: absolute; left: 50%; top: 50%; } */
	.container_menutext {
		float: left;
		margin-right: 10px;
		margin-top: -3px;
	}
	.container_menuicon {
		float: right;
		margin-top: -15px;
	}
	.smartphone button {
		padding: 0;
	}
	/* Icon 4 */
	#nav-icon {}
	#nav-icon span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	#nav-icon span:nth-child(2) {
		top: 7px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	#nav-icon span:nth-child(3) {
		top: 14px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	#nav-icon.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 5px;
	}
	#nav-icon.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	#nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 14px;
		left: 5px;
	}
	#nav-icon {
		width: 24px;
		height: 24px;
		position: relative;
		margin: 19px auto 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#nav-icon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #fff;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.desktop {
		display: none;
	}
	.smartphone .icons {
		font-size: 1.3em;
		color: white;
	}
	.smartphone .icons i {
		/* margin-left: 15px; */
	}
	.smartphone .stadtlogo {
		width: 47.62%;
		width: 27%;
		max-width: 53px;
		margin-right: 0px;
		float: right;
		/* width: 100px; */
		/* margin-right: 30px; */
	}
	#btn_suche {
		font-size: 0.7em;
	}
	.tright.icons .suche {
		margin-top: -3px;
	}
	.smartphone .esmlogo {
		width: 100%;
		max-width: 100px;
		/* float: left; */
		/* height: 50px; */
	}
	/* .smartphone .esmlogo{ */
	/* width: 24.38%;  */
	/* max-width: 50px; */
	/* }*/
	.smartphone .header {
		padding-top: 10px;
		padding-bottom: 0px;
	}
	/* .smartphone figure{ */
	/* float: left; */
	/* } */
	.smartphone .branding {
		float: none;
	}
	.smartphone .icons .suche {
		float: left;
	}
	.smartphone .icons .menutext {
		margin-right: 5px;
		font-size: 0.8em;
		font-weight: bold;
		text-transform: uppercase;
	}
	.header .pagename {
		padding-top: 0px;
		font-weight: bold;
		color: rgb(255, 255, 255);
		font-family: Open Sans;
		text-transform: uppercase;
		display: none;
		border-top: none;
		margin-bottom: 7px;
	}
	.header .pagename span {
		border-top: 1px solid rgb(255, 255, 255);
		padding-top: 7px;
		font-size: 0.8em;
		font-weight: bold;
	}
	.header .branding figure {
		padding-bottom: 10px;
		margin: 0;
	}
	.smartphone .icons>span {
		cursor: pointer;
	}
	
	.wrapper_header {
		display: none;
	}
	.smartphone .icons .menu>button,
	.smartphone .icons .suche>button {
		background: none;
		border: none;
		color: white;
		font-size: 1.0em;
		font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
		cursor: pointer;
	}
	.smartphone .icons .menu>button:focus,
	.smartphone .icons .suche>button:focus,
	.smartphone .icons .menu>button:active,
	.smartphone .icons .suche>button:active {
		outline: 0;
	}
	.smartphone #respo-menu {
		/* background-color: rgb(234, 235, 235); */
		
		background-color: rgb(255, 255, 255);
	}
	.smartphone #respo-menu a {
		color: #333;
		text-decoration: none;
		font-size: 1.0em;
		/* font-size: 1.04em; */
		
		font-weight: bold;
		/* text-transform: uppercase; */
		padding-top: 20px;
		padding-bottom: 20px;
	}
	/** seitliche Navigation **/
	#respo-navigation-de {
		width: 100%;
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	}
	.respo-menu-prev {
		border-bottom: 1px solid rgb(221, 221, 221);
		color: rgb(255, 255, 255);
		position: relative;
		overflow: hidden;
	}
	.respo-menu-prev a:hover,
	.respo-menu-prev .btn_prev:hover {
		background-color: rgb(64, 90, 157) !important ! important;
	}
	.respo-menu-prev .btn_prev {
		color: rgb(255, 255, 255);
		width: 46px;
		padding: 10px 10px 10px 15px;
		float: left;
		border-right: 1px solid rgb(255, 255, 255);
		position: absolute;
		left: 0;
		height: 100%;
		background: none;
		border-top: none;
		border-left: none;
		border-bottom: none;
	}
	.respo-menu-prev .btn_prev:focus {
		background-color: rgb(64, 90, 157) !important;
		color: rgb(255, 255, 255);
		font-weight: 600;
	}
	.respo-menu-prev .btn_prev:hover {
		background-color: rgb(64, 90, 157) !important;
		/* color: rgb(168, 5, 9); */
		
		color: rgb(255, 255, 255);
	}
	.respo-menu-prev .respo-menu-prev-name {
		padding: 10px 55px 10px 15px;
		float: left;
		width: 100%;
		margin-left: 2.9em;
		overflow: hidden;
		color: rgb(255, 255, 255);
		text-decoration: none;
	}
	.respo-menu-prev .respo-menu-prev-name:focus {
		background-color: rgb(64, 90, 157) !important;
		color: rgb(255, 255, 255);
		font-weight: 600;
	}
	.respo-menu-prev .respo-menu-prev-name:hover {
		background-color: rgb(64, 90, 157) !important;
		color: rgb(255, 255, 255);
	}
	.respo-menu-content ul {
		list-style-type: none;
		padding-left: 0px;
		margin: 0;
	}
	.respo-menu-content {
		position: relative;
	}
	.respo-menu-content li {
		/* padding: 10px 15px 10px 15px;  */
		
		border-bottom: 1px solid rgb(221, 221, 221);
	}
	.respo-menu-content-item {
		position: relative;
	}
	.respo-menu-content .respo-menu-link {
		/* padding: 10px 15px 10px 15px;  */
		/* width: 100%; */
		/* text-decoration: none; */
		/* display: block; */
		
		display: block;
		padding: 10px 15px 10px 15px;
		/* transition: color .5s ease; */
		
		word-wrap: break-word;
	}
	.respo-menu-content .respo-menu-next {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 46px;
		padding: 10px 10px 10px 15px;
		height: 100%;
		background-color: #13234b;
		text-align: center;
		/* background: none; */
		
		border: none;
		border-left: 1px solid white;
		color: rgb(255, 255, 255);
		/* transition: background-color .2s ease; */
		
		cursor: pointer;
	}
	.respo-menu-content .respo-menu-next:hover {
		background-color: rgb(64, 90, 157) !important ! important;
	}
	#respo-menu .respo-menu-prev button {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 46px;
		padding: 10px 10px 10px 8px;
		height: 100%;
		background-color: #13234b;
		text-align: center;
		cursor: pointer;
		/* background: none; */
		
		border: none;
		/* border-left: 2px solid rgb(130, 2, 5); */
		border-right: 1px solid rgb(255,255,255);
		color: rgb(255, 255, 255);
		/* transition: background-color .2s ease; */
	}
	#respo-menu a.respo-menu-prev-name {
		background-color: #13234b;
		color: #fff;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.nav_top {
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: #13234b;
		color: #fff;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
		z-index: 15;
		position: relative
	}
	.nav_top a>div {
		text-align: center;
		color: white;
	}
	.nav_top i {
		padding-bottom: 12px;
		color: white;
	}
	.nav_top a>div span {
		font-size: 1.0em;
		/* font-size: 1.04em; */
		
		font-weight: bold;
		/* text-transform: uppercase; */
		
		color: white;
	}
	.respo-menu-content .respo-menu-next:hover {
		background-color: rgb(64, 90, 157) !important;
		/* color: rgb(168, 5, 9); */
		
		color: rgb(255, 255, 255) ! important;
	}
	.respo-menu-content .respo-menu-next:focus {
		background-color: rgb(64, 90, 157) !important;
		/* color: rgb(168, 5, 9); */
		
		color: rgb(255, 255, 255) ! important;
		font-weight: 600;
	}
	.respo-menu-content .respo-menu-link {
		text-decoration: none;
	}
	.respo-menu-content .respo-menu-link:hover {
		background-color: rgb(64, 90, 157) !important;
		/* background-color: rgb(64, 90, 157) !important; */
		/* color: rgb(168, 5, 9); */
		
		color: rgb(255, 255, 255) ! important;
	}
	.respo-menu-content li:hover {
		/* padding: 10px 15px 10px 15px;  */
	}
	.respo-menu-content .respo-menu-link:focus {
		background-color: rgb(64, 90, 157) !important;
		/* color: rgb(168, 5, 9); */
		
		color: rgb(255, 255, 255) ! important;
		font-weight: 600;
	}
	.respo-menu-link-active {
		background-color: rgb(34, 56, 112);
		color: rgb(255, 255, 255) ! important;
	}
	.respo-menu-link-active a {
		color: rgb(255, 255, 255);
	}
	.hideElement {
		position: absolute !important;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		width: 1px;
		height: 1px;
	}
	.smartphone .header {
		position: relative;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
		z-index: 15;
	}
	.smartphone.search_dropdown {
		position: relative;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
		z-index: 10;
	}
	.smartphone.search_dropdown .content_searchform {
		background-color: white;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		position: relative;
		width: 100%;
	}
	.smartphone.search_dropdown .content_searchform label {
		font-size: 1.0em;
		font-weight: bold;
	}
	.smartphone.search_dropdown .content_searchform .form_field {
		width: 80%;
		float: left;
		position: relative;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.smartphone.search_dropdown .content_searchform .form_field input {
		width: 100%;
		height: 46px;
		display: block;
		border: none;
		background-color: #eaebeb;
		padding-left: 15px;
		padding-right: 15px;
		box-shadow: inset 2px 2px 10px -2px rgba(0, 0, 0, 0.2);
		font-size: 1.0em;
		font-family: 'Open Sans';
	}
	.smartphone.search_dropdown .content_searchform .form_button {
		width: 20%;
		float: right;
		position: relative;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.smartphone.search_dropdown .content_searchform .form_button button {
		width: 100%;
		display: block;
		height: 46px;
		border: none;
		padding: 0;
		margin: 0;
		background-color: #223870;
		color: white;
		cursor: pointer;
	}
	.smartphone.search_dropdown {
		display: none;
	}
	.smartphone.nav_dropdown {
		display: none;
	}
	.wrapper_nav {
		overflow-y: auto;
		max-height: 100%
	}
}

@media (max-width: 1200px) and (min-width: 800px) {
section[data-id="veranstaltungstitel"] {
		font-size: 1.0em;
	}
}

@media (max-width: 799px) {	
	section[data-id="veranstaltungstitel"] {
		font-size: 0.8em;
	}
}

@media (max-width: 500px) {
	.smartphone figure {
		width: 100%;
	}
	.smartphone figure a {
		width: 100%;
		max-width: 50%;
		display: block;
		float: left;
	}
	.smartphone figure a:last-child {
		text-align: left;
	}
	.smartphone .pagename {
		/* display: block; */
		
		display: none;
		clear: both;
		text-align: left;
	}
}
@media (max-width: 600px) {
	.heroimage-banner>div>div:nth-child(0)>div,
	.heroimage-banner .heroimage-text>div:nth-of-type(1) div {
		float: none;
		margin: 0 auto;
	}
	.heroimage-banner>div>div:nth-child(0)>div,
	.heroimage-banner .heroimage-text>div:nth-of-type(2) div {
		float: none;
		margin: 15px auto 0;
	}
}
@media (max-width: 1200px) {
	.footer_telefon {
		text-align: left;
		margin-top: 15px ! important;
	}
	.footer_eigene {
		/* text-align: left ! important; */
		
		margin-top: 30px;
		padding-left: 0px;
	}
	main,
	.main {
		position: relative;
	}
	.smallInfoPanel {
		position: absolute;
		right: 0;
		top: -255px;
		margin: 0;
		width: 50px;
	}
	.startseite_sip .smallInfoPanel, .unterseite_sip .smallInfoPanel {
		top: -367px;
	}
	.smallInfoPanel header {
		display: none;
	}
	.smallInfoPanel ul li {
		float: none ! important;
		display: block;
		padding: 10px ! important;
	}
	.smallInfoPanel .content ul li i {
		font-size: 1.5em ! important;
	}
	.smallInfoPanel .content ul li::after {
		content: "";
		padding: 0;
	}
}
@media (max-width: 1200px) {
	.sidebar {
		display: none;
	}
	section.main {
		width: 100%;
	}
	
	
}
@media (max-width: 399px) and (min-width: 334px) {
	section.tiles_large .box_einzeln .textbox {
		left: 10vw;
		right: 10vw;
		position: absolute;
		bottom: 10vw;
		color: rgb(255, 255, 255);
		z-index: 2;
	}
	section.tiles_large .box_einzeln h4 {
		font-size: 2.0em;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.6em;
	}
	section.tiles_large .box_einzeln .button {
		padding-right: 15px ! important;
		padding-left: 15px ! important;
	}
}

@media (max-width: 333px) {
	section.tiles_large .box_einzeln .textbox {
		left: 10vw;
		right: 10vw;
		position: absolute;
		bottom: 10vw;
		color: rgb(255, 255, 255);
		z-index: 2;
	}
	section.tiles_large .box_einzeln h4 {
		font-size: 1.8em;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.44em;
	}
	section.tiles_large .box_einzeln .button {
		padding-right: 15px ! important;
		padding-left: 15px ! important;
	}
	
	section.tiles_large .box_einzeln .textbox .text {
		font-size: 0.9em;
		padding-bottom: 15px;
	}
}

@media (min-width: 992px) {

	section.tiles_large .box_einzeln h4 {
		font-size: 2.0em;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.6em;
	}
}


@media (min-width: 785px) and (max-width: 991px) {
	section.tiles_large .box_einzeln h4 {
		font-size: 1.8em;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.44em;
	}
}

@media (min-width: 601px) and (max-width: 784px) {
	section.tiles_large .box_einzeln h4 {
		font-size: 1.8em;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.44em;
	}
	
	section.tiles_large .box_einzeln .textbox .text {
		font-size: 0.9em;
		padding-bottom: 15px;
	}
}

@media (min-width: 400px) and (max-width: 600px) {
	section.tiles_large .box_einzeln .textbox {
		left: 10vw;
		right: 10vw;
		position: absolute;
		bottom: 10vw;
		color: rgb(255, 255, 255);
		z-index: 2;
	}
	section.tiles_large .box_einzeln h4 {
		font-size: 2.0em;
		margin-top: 0px;
		margin-bottom: 0px;
		line-height: 1.6em;
	}
	section.tiles_large .box_einzeln .button {
		padding-right: 15px ! important;
		padding-left: 15px ! important;
	}
	/* .startseite_sip .smallInfoPanel{ */
	/* display: none; */
	/* } */
}
.show-for-sr,
.show-on-focus {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,
	0,
	0,
	0);
}
*:focus {
	/* background: red ! important; */
	/* border: 4px solid yellow ! important; */
}
main,
.main {
	position: relative;
}
.smallInfoPanel {
	position: absolute;
	right: 0;
	/* left: 0; */
	/* bottom: 0; */
	margin: 0;
	width: 60px;
}
.smallInfoPanel .content {
	color: rgb(255, 255, 255);
	background-color: rgba(189, 15, 19, 0.7);
}
.smallInfoPanel header {
	display: none;
}
.smallInfoPanel ul {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	font-size: 0.909em;
	line-height:1.429em;
}
.smallInfoPanel ul a {
	color: white;
}
.smallInfoPanel ul li {
	float: none ! important;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.smallInfoPanel ul li div {
	position: absolute;
	margin-top: -25px;
	right: 30px;
	opacity: 0;
	font-weight: bold;
	font-size: 1.1em;
}
.smallInfoPanel ul li i {
	font-size: 1.8em;
	font-weight: 400;
}
.smallInfoPanel .content ul li::after {
	content: "";
	padding: 0;
}
.smallInfoPanel .content ul {
	list-style-type: none;
	padding: 0;
	height: 100%;
	float: right;
}
.smallInfoPanel .content ul li {
	cursor: pointer;
	padding: 15px;
	text-align: center;
}
.smallInfoPanel .content ul li:hover {
	/* background-color: rgb(130, 2, 5); */
	background-color: rgba(0, 0, 0, 0.5);
}
.smallInfoPanel .content ul:after {
	clear: both;
}
@media (min-width: 600px) {
	.content-slot2>div {
		padding-left: 7px;
		padding-right: 7px;
	}
	.content-slot2>div:nth-child(1) {
		padding-left: 0px;
		padding-right: 7px;
	}
	.content-slot2>div:nth-child(2) {
		padding-left: 7px;
		padding-right: 0px;
	}
	.content-slot3>div {
		padding-left: 7px;
		padding-right: 7px;
	}
	.content-slot3>div:nth-child(1) {
		padding-left: 0px;
		padding-right: 10px;
	}
	.content-slot3>div:nth-child(2) {
		padding-left: 5px;
		padding-right: 5px;
	}
	.content-slot3>div:nth-child(3) {
		padding-left: 10px;
		padding-right: 0px;
	}
	.content-slot4>div {
		padding-left: 7px;
		padding-right: 7px;
	}
	.content-slot4>div:nth-child(1) {
		padding-left: 0px;
		padding-right: 9px;
	}
	.content-slot4>div:nth-child(2) {
		padding-left: 5px;
		padding-right: 7px;
	}
	.content-slot4>div:nth-child(3) {
		padding-left: 7px;
		padding-right: 5px;
	}
	.content-slot4>div:nth-child(4) {
		padding-left: 9px;
		padding-right: 0px;
	}
}
@media (max-width: 991px) {
	.content-slot4>div:nth-child(3) {
		clear: both;
		display: block;
	}
}
@media (max-width: 600px) {
	.content-slot2>div {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot2>div:nth-child(1) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot2>div:nth-child(2) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot3>div {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot3>div:nth-child(1) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot3>div:nth-child(2) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot3>div:nth-child(3) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot4>div {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot4>div:nth-child(1) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot4>div:nth-child(2) {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-slot4>div:nth-child(3) {
		padding-left: 0px;
		padding-right: 0px;
	}
}
.preisliste_wrapper {
	background-color: white;
	padding: 15px;
}
.preisliste {
	padding:0;
	margin:0;
	border-collapse: collapse;
}
.preisliste th {
	text-align: left;
	padding: 15px;
}
.preisliste td {
	border-top: 1px solid #dee2e6;
	padding: 15px;
}
.preisliste td.firstentry {
	border-top: 2px solid rgb(168, 5, 9);
}
.preisliste th {
	border-bottom: 2px solid rgb(168, 5, 9);
}


.highlight {
	font-weight: bold;
}
.streifen.slotOhneAbstand {
	padding-bottom: 0px ! important;
	margin-bottom: 0px ! important;
}


@media (max-width: 1920px) {
	.heroimage-banner {
		min-height: 33.6307vw;
		background-color: rgba(22, 41, 90, 0.46);
	}
	
	.heroimage-small,
	.heroimage {

		background: rgba(0, 0, 0, 0) url("/stylesheets/miniweb/zab/hero.jpg") repeat scroll center center;

		background-color: rgba(0, 0, 0, 0);
		background-position-x: center;
		background-position-y: center;
		background-repeat: repeat;
		background-attachment: scroll;

		background-image: url("/stylesheets/miniweb/zab/hero.jpg");

		background-size: 123vw;
		background-origin: padding-box;
		background-clip: border-box;
		margin-top: 0px;
	}
	
	
	
	.heroimage-banner .heroimage-text{
		font-size: 0.83vw;
		padding-top: 3.2115vw;
	}
	
	.heroimage-banner .heroimage-text .imagetext {
		font-family: 'Open Sans';
		margin-bottom: 40px;
		font-size: 1.4em;
		margin-top: 15px;
		max-width: 388px;
		text-align: center;
		margin: 0 auto 60px;
		font-weight: 600;
		/* text-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 7px rgba(0, 0, 0, 1); */
		margin-top: 4vw;
		margin-bottom: 3vw;
	}
}
@media (min-width: 1920px) {
	
	.heroimage-banner {
		min-height: 680px;
		background-color: rgba(22, 41, 90, 0.46);
	}
	
	
	
	.heroimage-small{

		background: rgba(0, 0, 0, 0) url("/stylesheets/miniweb/zab/hero.jpg") repeat scroll center center;

		background-color: rgba(0, 0, 0, 0);
		background-position-x: center;
		background-position-y: -100px;
		background-repeat: repeat;
		background-attachment: scroll;
		
		background-image: url("/stylesheets/miniweb/zab/hero.jpg");

		background-size: 100%;
		background-origin: padding-box;
		background-clip: border-box;
		margin-top: 0px;
		min-height: 280px;
	}
	
	.heroimage {

		background: rgba(0, 0, 0, 0) url("/stylesheets/miniweb/zab/hero.jpg") repeat scroll center center;

		background-color: rgba(0, 0, 0, 0);
		background-position-x: center;
		background-position-y: center;
		background-repeat: repeat;
		background-attachment: scroll;
		
		background-image: url("/stylesheets/miniweb/zab/hero.jpg");

		background-size: 106vw;
		background-origin: padding-box;
		background-clip: border-box;
		margin-top: 0px;
		min-height: 280px;
	}
}
@media (max-width: 700px) and (min-width: 400px) {
	.heroimage-small,
	.heroimage {
		background: rgba(0, 0, 0, 0) url("/stylesheets/miniweb/zab/hero.jpg") repeat scroll center center;

		background-color: rgba(0, 0, 0, 0);
		background-position-x: 0px;
		background-position-y: center;
		background-repeat: repeat;
		background-attachment: scroll;
		background-image: url("/stylesheets/miniweb/zab/hero.jpg");

		background-size: 180%;
		background-origin: padding-box;
		background-clip: border-box;
		margin-top: 0px;
	}
}



@media (max-width: 1920px) {
	.heroimage-banner .heroimage-text .imagetext {
		font-size: 16px;
		padding-left: 30px;
		padding-right: 30px;
	}
}


@media (max-width: 992px) {
	.heroimage-small,
	.heroimage {
		background: rgba(0, 0, 0, 0) url("/mb/allgemein/stadtansichten/kaiserslautern_v_rathausdach.jpg") repeat scroll center center;

		background-color: rgba(0, 0, 0, 0);
		background-position-x: center;
		background-position-y: center;
		background-repeat: repeat;
		background-attachment: scroll;
		background-image: url("/mb/allgemein/stadtansichten/kaiserslautern_v_rathausdach.jpg");

		
		background-size: 180%;
		background-origin: padding-box;
		background-clip: border-box;
		margin-top: 0px;
	}
	
	
}
@media (max-width: 400px) {
	.heroimage-small,
	.heroimage {
		background-size: auto 150%;
	}
	.startseite_sip, .unterseite_sip {
		top: -42px;
		position: relative;
	}
}
.sidebar {
	margin-bottom: 30px;
	padding-left: 0px ! important;
}

@media (min-width: 1200px)
{
	.sidebar {
		width: 20% ! important;
	}
	
	.maincontentcol {
		width: 80% ! important;
	}
}



.heroimage-small.heroimg_formulare{
	background-position-y: 86%;
}

.heroimage-small.heroimg_referenzen{
	background-position-y: 81%;
}

.heroimage-small.heroimg_aktuelles{
	background-position-y: center;
}

.heroimage-small.heroimg_faq{
	background-position-y: center;
}

.heroimage-small.heroimg_zab{
	background-position-y: 47%;
}

.heroimage-small.heroimg_vorteile{
	background-position-y: 44%;
}



@media (max-width: 992px)
{
	.heroimage-small.heroimg_vorteile{
		background-size: 121%;
	}
}


@media (min-width: 992px) and (max-width: 1590px)
{
	main .container{
		max-width: 1590px;
		width: 98.049vw;
		margin: 0 15px;
	}
	
	main .container.largeRow{
		margin: 0;
		max-width: 100%;
		width: auto;
	}
	
	main .container, main .container > section {
		width: auto;
	}

	.container_no_padding > div{
		margin-left: 0 ! important;
		margin-right: 0 ! important;
	}

}

@media (max-width: 1720px)
{
	#askzab1 #ca_result > section  > div {
		padding-left: 15px;
		padding-right: 15px;
	}
}
a.white_btn {
	background-color: white;
	border: 2px solid rgba(189, 15, 19, 1);
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none;
	color: rgba(189, 15, 19, 1);
	margin-bottom: 5px;
}
a.white_btn:hover {
	background-color: rgba(189, 15, 19, 1);
	color: white;
	transition: all 0.3s ease;
}
.instrumentvorstellung ul {
	list-style-type: square;
	padding-left:15px;
	color: rgb(189, 15, 19);
	margin-top: 0px;
}
.instrumentvorstellung ul li {
	padding-left: 10px;
}
.instrumentvorstellung {
	border-collapse: collapse;
}
.instrumentvorstellung tr:first-child th {
	padding-top: 15px;
}
.instrumentvorstellung tr:first-child td {
	padding-top: 15px;
}
.instrumentvorstellung tr:last-child th {
	padding-bottom: 15px;
	border-bottom: none;
}
.instrumentvorstellung tr:last-child td {
	padding-bottom: 15px;
	border-bottom: none;
}
.instrumentvorstellung th:first-child,
.instrumentvorstellung td:first-child {
	padding-left: 15px;
}
.instrumentvorstellung th:last-child,
.instrumentvorstellung td:last-child {
	padding-right: 15px;
}
.instrumentvorstellung th,
.instrumentvorstellung td {
	/*border-bottom: 1px solid rgba(168, 5, 9, 0.7);*/
	border-bottom: 1px solid rgba(168, 168, 168, 0.4);
	padding-top: 15px;
	padding-bottom: 15px;
}

.instrumentvorstellung tr th{
	padding-right: 15px;
}




.schnelleinstieg {
	border-bottom: 1px solid #333;
	padding-bottom: 15px;
	font-family: 'Open Sans';
	font-size: 0.875em;
	padding-top: 10px;
}
.schnelleinstieg ul {
	list-style-type: none;
	padding-left: 0px;
	margin-top: 1px;
}
.schnelleinstieg ul li a {
	border: 1px solid #aaa;
	padding: 5px 15px;
	border-radius: 50px;
	text-decoration: none;
	color: #333;
	font-weight: 600;
	font-family: 'Open Sans',
	sans-serif;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.infobar {
	margin: 15px auto;
}

@media (max-width: 1200px) and (min-width: 993px) {
	.infobar {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (max-width: 992px) and (min-width: 600px) {
	.infobar {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (max-width: 600px) {
	.infobar {
		margin-left: 15px;
		margin-right: 15px;
	}
}
	
	
	
.schnelleinstieg ul li a:hover {
	border: 1px solid rgb(98, 0, 2);
	background-color:rgb(98, 0, 2);
	color: white;
	transition: all .25s ease-in;
}
@media (max-width: 1200px) {
	.schnelleinstieg {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 900px) {
	.infobar {
		margin-top: -25px;
	} 
}
@media (max-width: 600px) {
	.infobar {
		margin-bottom: 0px;
		padding-bottom: 0px ! important;
	} 
	
	.infobar .schnelleinstieg{
		border-bottom: none;
	}
}

@media (min-width: 401px) {
	.schnelleinstieg ul li {
		display: inline-block;
		margin-right: 5px;
		
	}
}
@media (max-width: 400px) {
	.schnelleinstieg ul li {
		display: inline-block;
		margin-right: 1.382vw;
		margin-bottom: 2.6vw;
	}
	.schnelleinstieg ul li a {
		padding: 1.382vw 4.148vw;
	}
	
}


.phonelink{
	text-decoration: none;
	border-bottom: none ! important;
}

.kontaktinfos .erreichbarkeit .btn_erreichbarkeit a{
	border-bottom: none ! important;
}

figcaption
{
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.53em;
	color: rgba(51,51,51,0.8);
}

	
ol.olbreadcrumb { 
	list-style: none;
	padding: 10px 15px;
	margin: 0;
}


.olbreadcrumb { 
	width: 100%; 
	float: left; 
	position: relative; 
	display: block;
}

.olbreadcrumb li { 
	padding: 0px 12px;
    padding-right: 12px;
	/*background: rgba(255, 255, 255, 1);*/
	vertical-align: middle;
	display: inline;
}

.olbreadcrumb li a { text-decoration: none;}

.olbreadcrumb a:hover { 
	text-decoration: none;
}

.olbreadcrumb li.page{
	padding-right: 0px;
}

.olbreadcrumb li.page:before {
   font-family: "Font Awesome 5 Free";
   content: "\f101";
   vertical-align: middle;
   font-weight: 900;
   padding-right: 10px;
}

.olbreadcrumb .fa {
    font-size: 1.2em;
    line-height: 1.2em;
    vertical-align: middle;
    color: #333;
}

.olbreadcrumb li {
	display: inline-block;
	font-weight: 600;
}

.olbreadcrumb, .olbreadcrumb li, .olbreadcrumb li.active, .olbreadcrumb li a {
    color: #333;
}

.olbreadcrumb li.active, .olbreadcrumb li a{
	border-bottom: 2px dotted rgba(51, 51, 51, 0.5);
	font-weight: 600 ! important;
}

.olbreadcrumb li:first-child {
    padding-right: 2px;
   /* background-color: #820205; */
    color: #333 !important;
	padding-left: 0px;
}

.olbreadcrumb li:last-child {
    font-weight: 700;
}

.olbreadcrumb li:first-child a {
	border-bottom: none;
}

.olbreadcrumb li:first-child a:hover {
	border-bottom: none;
}

.olbreadcrumb li:first-child a:hover .fa {
	color: rgba(189, 15, 19, 1) ! important;
}

.olbreadcrumb .fa:hover { transform: scale(1.15)}			
.olbreadcrumb li a:hover { 
	border-bottom: 1px solid rgba(189, 15, 19, 1);
	color: rgba(189, 15, 19, 1);
}			
		
		
.maintitle	{
		font-size: 2.0em; 
		margin-bottom: 14px; 
		margin-top: 14px;
	}
	

@media (max-width: 1200px) {
	.maintitle	{
		font-size: 2.0em; 
		margin-bottom: 14px; 
		margin-top: 14px;
	}
}
@media (max-width: 900px) {
	.maintitle	{
		font-size: 2.0em; 
		margin-bottom: 14px; 
		margin-top: 14px;
	}
}
@media (max-width: 600px) {
	.maintitle	{
		font-size: 1.7em; 
		margin-top: 14px;
		margin-bottom: 14px;
	}
	
	h2{
		font-size: 1.4em;
	}
	
	h3{
		font-size: 1.3em;
	}

}



.footer_wrapper {
    margin-top: 0px;
}

.kontaktwrapper{
	font-size: 0.9em;
	line-height: 1.53em;
}

.kontaktbutton{
background-color: rgb(64, 90, 157) !important;
color: white;
border: none;
padding: 5px 15px;
border-radius: 30px;
}


.kontaktbutton:hover{
background-color: rgb(98, 0, 2);
cursor: pointer;
transition: 0.5s ease;
}

.kontaktwrapper h2{
color: rgb(64, 90, 157) !important;
}

.kontaktwrapper a{
text-decoration: none;
}

.kontaktwrapper .kontaktbuttons section{
margin-top: 15px;
text-align: center;
}


.kontaktwrapper .kontaktbuttons section a{
display: block;
}

.kontaktwrapper .kontaktbuttons section span{
display: inline-block;
margin-bottom: 10px;
font-weight: 600;
}

.kontaktlogo img{
width: 7.0em;
float: right;
}

.kontaktlogo {
margin-top: 12px;
}

@media (max-width: 600px) {
	.kontaktwrapper .kontaktbuttons section a{
	display: inline;
	}

	.kontaktwrapper .kontaktbuttons section{
	text-align: left;
	}

	.kontaktlogo{
	display: none;
	}

	.kontaktwrapper .kontaktbuttons section span {
		display: inline-block;
		margin-bottom: 10px;
	}
	.kontaktbutton:hover {
		background-color: rgb(98, 0, 2);
		cursor: pointer;
		transition: 0.5s ease;
	}
	.kontaktbutton {
		background-color: rgb(64, 90, 157) !important;
		color: white;
		border: none;
		padding: 5px 15px;
		border-radius: 30px;
	}

}	



.smartphone #respo-menu a{
	font-size: 0.95em  ! important;
	line-height: 1.7em  ! important;
	font-weight: 600 ! important;
}

.smartphone #respo-menu a{
	padding-top: 10px;
	padding-bottom: 10px;
}

nav#sidemain-navigation-de, nav#sidemain-navigation-de a{
	font-size: 0.95em;
	font-weight: 600 ! important;
	line-height: 1.7em  ! important;
}

.smartphone .svgicon.sm__menu i{
	font-size: 1.6em;
}




.navigation_outside .menuwrapper{
	border: none; 
	background: url(/stylesheets/miniweb/zab/navbg.png); 
	background-size: 100%;
	background-repeat: repeat;
	height: 100%;
}

.navigation_outside .menuwrapper .ersteSpalte {
	color: white;
	width: 33.33%; 
	position: relative; 
	position: absolute; 
	height: 100%; 
	padding: 0;
}


.navigation_outside .menuwrapper .ersteSpalte .menuContainer{
	width: 100%;
	position: relative; 
}

.navigation_outside .menuwrapper .ersteSpalte .menuContainer img{
	display: block; 
	width: 100%;
	position: relative; 
}

.navigation_outside .menuwrapper .ersteSpalte .menuContainer .beschreibung{
	display: block; 
	width: 100%; 
	padding-left: 15px; 
	padding-right: 15px;
	position: relative; 
}

.navigation_outside .menuwrapper .zweiteSpalte{
	left: 33.333%; 
	width: 33.333%; 
	position: relative;
}

.navigation_outside .menuwrapper .zweiteSpalte li{
	background: none;
}

.navigation_outside .menuwrapper .zweiteSpalte li button
{
	background: none; 
	border: none; 
	font-family: 'Open Sans', sans-serif; 
	color: rgb(51, 51, 51); 
	font-size: 1.0em; 
	padding: 5px 10px; 
	display: block; 
	font-weight: 600; 
	text-decoration: none; 
	width: 100%; 
	text-align: left;
}

.navigation_outside .menuwrapper .zweiteSpalte li ul{
	position: absolute; 
	height: 100%; 
	z-index: 10; 
	padding: 0px; 
	list-style-type: none; 
	top: 0; 
	left: 100%; 
	width: 100%; 
	display: block;
}

#primary_top ul.navigation > li > .menuwrapper{
	border-left: none;
	border-bottom: none;
	border-right: none;
	border-top: 10px solid rgb(98, 0, 2);
}






.nav_darkbg.darken {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    position: fixed;
    z-index: 400;
    overflow-x: hidden;
	
	-webkit-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
	
}





.zweiteSpalte{
	margin-top: 15px;
}

@media (min-width: 601px) {
	.imgdup.imgkopie{
		display: none;
	}
}

@media (max-width: 600px) {
	.imgdup.imgkopie{
		display: block;
	}
	.imgdup.imgkopie{
		margin-top: 15px ! important;
		margin-bottom: 15px ! important;
	}
}


.content-preisliste table, .content-bild table{
	display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  overflow-x: auto;
  white-space: nowrap;
}

/* .content-preisliste table, .content-bild table{ */
/* border-collapse: collapse; */
  /* border-spacing: 0; */
  /* width: 100%; */
  /* border: 1px solid #ddd; */
/* } */

.noresponsive {
  display: block;
  max-width: none;
  /* margin: 0 auto; */
  white-space: normal ! important;
}

.maintitle{
	line-height: 1.3em;
}


		
.eventdetails {
	/*background-color: rgb(168, 5, 9);*/
	background-color: rgb(130, 2, 5);
	
	background: rgb(130, 2, 5);
	background: -moz-linear-gradient(0deg, rgba(98, 0, 2,1) 0%, rgba(130, 2, 5,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(98, 0, 2,1) 0%, rgba(130, 2, 5,1) 100%);
	background: linear-gradient(0deg, rgba(98, 0, 2,1) 0%, rgba(130, 2, 5,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#620002",endColorstr="#820205",GradientType=1);
	
	margin-top: 15px ! important;
	color: white;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	position: relative;
	overflow: hidden;
}
	
.eventdetails > header {
	color: #ffffff;
	position: relative;
}
			
.eventdetails > section > section > header {
	/*color: rgb(255, 168, 48);*/
	color: #ffa830;
	position: relative;
}
	
.eventdetails > section > section{
	/*border-top: 1px solid rgba(255, 168, 48, 0.3);*/
	/*border-top: 1px solid rgb(130, 2, 5);*/
	padding-bottom: 15px;
	z-index: 50;
	position: relative;
}
	
.eventdetails header h3{
	margin-bottom: 0px;
	z-index: 50;
	position: relative;
}
	
.eventdetails ul{
	padding-left: 15px;
	margin-left: 15px;
	position: relative;
}
	
.eventdetails .bgimage{
	position: absolute;
	top: 0;
	z-index: 10;
	opacity: 0.33;
}
	
.ev_kurzbeschreibung {
	font-style: italic;
	margin-bottom: 30px;
	color: rgb(168, 5, 9);
	font-size: 1.2em;
}
	
.ev_details h1, .ev_details h2, .ev_details h3, .ev_details h4 {
	color: rgb(168, 5, 9);
}	

.ev_bild{
	margin-top: 30px;
	margin-bottom: 30px;
}	

.mehrTermineAnzeigen{
	border: 1px solid #ffa830;
	background: transparent;
	color: #ffa830;
	width: 100%;
	padding: 5px 15px;
	cursor: pointer;
}


#IF("<!--XX-terminanzahl-->" NE "mehr")		
	.eventdetails {
		padding-bottom: 60px ! important;
	}
#ENDIF

	
@media (min-width: 992px) {
	.middlecol{
		padding-right: 30px; 
		padding-left: 15px;
	}
	
	.eventdetails .bgimage img {
		margin-top: 55px;
		margin-left: 95px;
		width: 85%;
		z-index: 10;
		position: relative;
	}
}	
		
@media (max-width: 991px) and (min-width: 425px) {
	.eventdetails .bgimage img{
		margin-top: 55px;
		z-index: 10;
		position: relative;
	}
	
	.eventdetailpage .footer_wrapper{
		margin-top: 0px;
	}
		
}
		
#IF("<!--XX-terminanzahl-->" EQ "mehr")		
	@media (max-width: 991px) and (min-width: 550px) {
		.eventdetails .bgimage img {
			margin-left: 30%;
			width: 85%;
		}
			
		.ev_termine_spalte1 {
			width: 50%;
			float: left;
		}
		
		.ev_termine_spalte2 {
			width: 50%;
			float: right;
		}	

		
		.ev_termine_spalte1, .ev_termine_spalte2 {
			padding-bottom: 60px;
		}

	}
		
	@media (max-width: 549px) and (min-width: 425px) {
		.eventdetails .bgimage img {
			margin-left: 30%;
			width: 130%;
		}
		
		.ev_termine_spalte1 {
			width: 50%;
			float: left;
		}
		
		.ev_termine_spalte2 {
			width: 50%;
			float: right;
		}	
		
		
		.ev_termine_spalte1, .ev_termine_spalte2 {
			padding-bottom: 60px;
		}
	}
		
#ELSE	
		
	@media (max-width: 991px) and (min-width: 550px) {
		.eventdetails .bgimage img	{
			margin-left: 56%;
			width: 50%;
		}	
		
		.eventdetails {
			padding-bottom: 60px ! important;
		}
	}
		
	@media (max-width: 549px) and (min-width: 425px) {
		.eventdetails .bgimage img	{
			margin-left: 56%;
			width: 60%;
		}	
		
		.eventdetails {
			padding-bottom: 60px ! important;
		}
	}
		
#ENDIF	
		
@media (max-width: 424px) {
	.middlecol{
		padding-right: 15px; 
		padding-left: 15px;
	}
	
	.eventdetails .bgimage img {
		margin-top: 55px;
		margin-left: 30%;
		width: 85%;
		z-index: 10;
		position: relative;
	}
	
	.eventdetailpage .footer_wrapper{
		margin-top: 0px;
	}
	
	.eventdetails {
		padding-bottom: 60px ! important;
	}
	
	.mehrEvents .icon{
		display: none;
	}
	
	.mehrEvents .inhalt{
		margin-left: 15px ! important;
	}
}


.ev_details.only-xs{
	margin-top: 60px;
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
}

.ev_vorschlaege.only-xs{
	margin-bottom: 60px;
	padding-left: 15px;
	padding-right: 15px;
}

					
a.linkMehrEvents{
	text-decoration: none;
}

.mehrEvents{
	position: relative;
	background-color: white;
	min-height: 82px;
	margin-bottom: 15px;
}

.mehrEvents header h4{
	margin-top: 10px;
	margin-bottom: 5px;
	
}

.mehrEvents .icon{
	width: 120px;
	background-color: rgb(255,255,255);
	position: absolute;
}

.mehrEvents .icon img{
	width: 100%;
}

.mehrEvents .inhalt{
	margin-left: 130px;
}

.mehrEvents .inhalt p{
	color: rgb(51, 51, 51);
	margin-top: 0px;
	margin-bottom: 0px;
}

.mehrEvents .infoMehrTermine{
	color: rgb(130, 2, 5) ! important;
}

.ev_video{
	padding-bottom: 30px;
}
			
.eventresults{
/* background-color: white; */
position: relative;
margin-top: -15px;
padding-left: 15px;
padding-right: 15px;
background-color: white;
}	

.eventresults .inhalt
{
	padding-bottom: 15px;
}

.eventresults .inhalt h4{
	margin: 0;
}

.eventresults .mehrEvents{
	margin-bottom: 0px;
position: relative;
}

.eventresults .linkMehrEvents{
		background-color: white;
		display: block;
		min-height: 124px;
		/* margin-bottom: 15px; */
}

.eventresults a:last-of-type{
	border-bottom: none ! important;
}

.eventresults a:hover{
	border-bottom: 2px dotted rgba(51, 51, 51, 0.5) ! important;
}

.eventresults a:last-of-type:hover{
	border-bottom: none ! important;
}

.eventresults .infoMehrTermine{
	font-size: 0.8em;
}

#veranstaltungssuche .search_input{
	font-size: 1.0em;
}

#calendar{
	font-size: 0.9em;
	line-height: 1.4em;
}

.content-galerie a{
	border-bottom: none ! important;
}


	
@media (min-width: 992px) {
	.middlecol{
		padding-right: 30px; 
		padding-left: 15px;
	}
}	
		
@media (max-width: 991px) and (min-width: 425px) {
	
	.eventdetailpage .footer_wrapper{
		margin-top: 0px;
	}
	
	.fc .fc-toolbar{
		display: block ! important;
	}
	
	.fc-header-toolbar  .fc-toolbar-chunk:nth-child(1){
		width: 100%;
		display: block;
	}
	
	.fc-header-toolbar  .fc-toolbar-chunk:nth-child(2){
		width: 100%;
		display: block;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.fc-header-toolbar  .fc-toolbar-chunk:nth-child(3){
		width: 100%;
		display: block;
	}
		
}

		
@media (max-width: 424px) {
	.middlecol{
		padding-right: 15px; 
		padding-left: 15px;
	}
	
	.eventdetailpage .footer_wrapper{
		margin-top: 0px;
	}
	
	.mehrEvents .icon{
		display: none;
	}
	
	.mehrEvents .inhalt{
		margin-left: 15px ! important;
	}
	
	.fc .fc-toolbar{
		display: block ! important;
		font-size: 4.0vw;
	}
	
	.fc-header-toolbar  .fc-toolbar-chunk:nth-child(1){
		width: 100%;
		display: block;
	}
	
	.fc-header-toolbar  .fc-toolbar-chunk:nth-child(2){
		width: 100%;
		display: block;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.fc-header-toolbar  .fc-toolbar-chunk:nth-child(3){
		width: 100%;
		display: block;
	}
	
}


.ev_details.only-xs{
	margin-top: 60px;
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
}

.ev_vorschlaege.only-xs{
	margin-bottom: 60px;
	padding-left: 15px;
	padding-right: 15px;
}

					
a.linkMehrEvents{
	text-decoration: none;
}

.mehrEvents{
	position: relative;
	background-color: white;
	min-height: 82px;
	margin-bottom: 15px;
}

.mehrEvents header h4{
	margin-top: 10px;
	margin-bottom: 5px;
	
}

.mehrEvents .icon{
	width: 120px;
	background-color: rgb(255,255,255);
	position: absolute;
}

.mehrEvents .icon img{
	width: 100%;
}

.mehrEvents .inhalt{
	margin-left: 130px;
}

.mehrEvents .inhalt p{
	color: rgb(51, 51, 51);
	margin-top: 0px;
	margin-bottom: 0px;
}

.mehrEvents .infoMehrTermine{
	color: rgb(130, 2, 5) ! important;
}

.fc-daygrid-day-frame{
	padding-top: 15px;
	padding-bottom: 15px;
}
		

.ev_vorschlaege .mehrEvents, .content-veranstaltungslinks .mehrEvents{
	padding-top: 15px;
}	

.ev_vorschlaege .eventresults, .content-veranstaltungslinks .eventresults{
	margin-bottom: 60px;
}

.eventdetails {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}






.i-preview-anchor.anchor{
	display: none ! important;
	top: 0px ! important;
}





/*****************************************/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.42857143;
	color: rgb(51, 51, 51);
	background-color: rgb(255, 255, 255);
	font-weight: 400;
}

/***Shortlinks Screenreader**/
.ym-skiplinks{
z-index: 1500;	
}
.ym-skiplinks {
	position: absolute;
	top: 0;
	left: -9999px;
	height: 1px;
	width: 1px;
	z-index: 1000;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ym-skipx {
	position: absolute;
	top: 0;
	left: -9999px;
	height: 1px;
	width: 1px;
}
.ym-skiplinks.getabbed {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	list-style-type: none;
	background-color: white;
	width: 200px;
	height: 60px;
	margin: 4px;
	border: 3px solid rgb(64, 0, 2);
	text-align: center;
	padding-left: 0;
	color: #333;
}

.ym-skiplinks.getabbed a{
	
	color: #333 ! important;
}
.ym-skiplinks li {
	position: absolute;
	width: 100%;
	margin-top: 15px;
}
.ym-skip.sichtbar {
	color: white ! important;
	font-weight: bold;
}
.ym-skip.unsichtbar {
	color: white ! important;
	font-weight: bold;
	position: absolute;
	left: -9999px;
}


/**Farben**/
.secondary_hg {
	background-color: rgba(34,56,112, 1);
}

.lightshades_hg {
	background-color: rgb(234, 235, 235);
}


.btn_dark {
	background-color: rgb(19, 35, 75);
}


/**Template**/
.container {
	max-width: 1590px;	
    width: 100%;
    /* padding-left: 130px; */
    /* padding-right: 130px; */
	margin: 0 auto;
}

.container::after {
	clear: both;
}
.container::before,
.container::after {
	content: " ";
	display: table;
}

.row {
	/* margin-left: -15px; */
	/* margin-right: -15px; */
}
.row::after {
	clear: both;
}
.row::before,
.row::after {
	content: " ";
	display: table;
}


.top_line {
	width: 100%;
	height: 4px;
	background: rgb(213, 16, 21);
	background: -moz-linear-gradient(left, rgb(213, 16, 21) 0%, rgb(252, 191, 0) 14%, rgb(224, 136, 0) 33%, rgb(97, 20, 96) 51%, rgb(0, 73, 147) 67%, rgb(26, 26, 24) 83%, rgb(0, 101, 74) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(213, 16, 21)), color-stop(14%, rgb(252, 191, 0)), color-stop(33%, rgb(224, 136, 0)), color-stop(51%, rgb(97, 20, 96)), color-stop(67%, rgb(0, 73, 147)), color-stop(83%, rgb(26, 26, 24)), color-stop(100%, rgb(0, 101, 74)));
	background: -webkit-linear-gradient(left, rgb(213, 16, 21) 0%, rgb(252, 191, 0) 14%, rgb(224, 136, 0) 33%, rgb(97, 20, 96) 51%, rgb(0, 73, 147) 67%, rgb(26, 26, 24) 83%, rgb(0, 101, 74) 100%);
	background: -o-linear-gradient(left, rgb(213, 16, 21) 0%, rgb(252, 191, 0) 14%, rgb(224, 136, 0) 33%, rgb(97, 20, 96) 51%, rgb(0, 73, 147) 67%, rgb(26, 26, 24) 83%, rgb(0, 101, 74) 100%);
	background: -ms-linear-gradient(left, rgb(213, 16, 21) 0%, rgb(252, 191, 0) 14%, rgb(224, 136, 0) 33%, rgb(97, 20, 96) 51%, rgb(0, 73, 147) 67%, rgb(26, 26, 24) 83%, rgb(0, 101, 74) 100%);
	background: linear-gradient(to right, rgb(213, 16, 21) 0%, rgb(252, 191, 0) 14%, rgb(224, 136, 0) 33%, rgb(97, 20, 96) 51%, rgb(0, 73, 147) 67%, rgb(26, 26, 24) 83%, rgb(0, 101, 74) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(213, 16, 21)', endColorstr='rgb(0, 101, 74)', GradientType=1);
	z-index: 700;
}

/*Horizontale Abstände */
.spacing {
	padding-left: 15px;
	padding-right: 15px;
}
.spacing-left {
	padding-left: 15px;
}
.spacing-right {
	padding-right: 15px;
}
.nospacing {
	margin: 0;
	padding: 0;
}
.nopadding {
	padding: 0;
}

.nospacing {
	padding: 0px ! important;
	margin: 0px ! important;
}
.leftnospacing {
	padding-left: 0px;
	margin-left: 0px;
}
.rightnospacing {
	padding-right: 0px;
	margin-right: 0px;
}


/**Navigation , Header**/


.header {
	width: 100%;
	height: auto;
	padding-top: 15px;
}



.header .branding {
	/* float: left; */
}
.header .branding figure {
	padding-bottom: 10px;
	margin: 0;
}

body > header,
.navigation_outside_fix>header {
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
	z-index: 550;
	position: relative;
	border-bottom: 1px solid rgb(19,35,75);
}

.desktop{
	position: relative;
	z-index: 500;
}



.navigation_outside{
	background-color: #e5efed;
}

.desktop .navigation_outside{
	/* max-width: 1590px; */
    /* width: 100%; */
    /* padding-left: 130px; */
    /* padding-right: 130px; */
	/* margin: 0 auto; */
}

.navigation_outside{
	z-index:200;
}

.navigation_outside > .container{
	padding-left:0; 
	padding-right: 0;
}

.navigation_outside {
font-size: 0.9em;
}


.navigation {
	list-style: none;
	position: relative;
}
.navigation li a {}
.navigation li {
	position: static;
	/* background: rgb(229, 239, 237); */
	/* background: #e5efed ! important; */
	padding: 2px 10px;
}
.navigation a {
	font-family: 'Open Sans', sans-serif;
	color: rgb(51, 51, 51);
	font-size: 1.0em; 
	padding: 5px 10px;
	display: block;
	font-weight: 600;
	text-decoration: none;
}

#primary_top ul.navigation>li {
	padding: 0px;
}

#primary_top ul.navigation>li>a {
	background: none;
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: rgb(51, 51, 51);
	font-size: 1.0em;
	padding: 7px 15px;
	display: block;
	font-weight: 600;
	text-decoration: none;
	line-height: 20.992px;
}
#primary_top ul.navigation>li:hover {
	background-color: rgb(19,35,75);
}
#primary_top ul.navigation>li:hover>a,
#primary_top ul.navigation>li:hover>button,
#primary_top ul.navigation>li>button:hover {
	color: rgb(255, 255, 255);
}


@media (min-width: 1200px) {
	.smartphone {
		display: none;
	}
	.wrapper_header {
		display: block;
	}
	.smartphone.nav_dropdown,
	.smartphone.search_dropdown {
		display: none ! important;
	}
	.smallInfoPanel {
		top: -305px;
	}
	.startseite_sip .smallInfoPanel, .unterseite_sip .smallInfoPanel {
		top: -380px;
	}
}



.searchControlPanel {
	text-align: right;
}
.searchControlPanel section {
	display: inline;
}

.searchControlPanel .suche {
	display: inline;
}
.searchControlPanel .suche input {
	outline: none;
	height: 30px;
}


/* Suche */
.searchControlPanel .suche div {
	text-align: right;
}
.searchControlPanel .suche div:nth-child(2) {
	text-align: center;
}
.searchControlPanel .suche button {
	color: rgb(255, 255, 255);
	border: none;
	height: 35px;
}

.searchControlPanel .suche input::-webkit-search-decoration,
.searchControlPanel .suche input::-webkit-search-cancel-button {
	display: none;
}
.searchControlPanel .suche input[type=search] {
	background-color: rgb(234, 235, 235);
	border-top: 1px solid rgb(19,35,75);
	border-bottom: 1px solid rgb(19,35,75);
	border-left: 1px solid rgb(19,35,75);
	border-right: none;
	padding: 0px 10px 0px 10px;
	width: 128px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	font-size: 1.0em;
	font-family: 'Open Sans';
	height: 36px;
}
.searchControlPanel .suche input[type=search]:focus {
	width: 40%;
}
.searchControlPanel .suche input:-moz-placeholder {
	color: rgb(153, 153, 153);
}
.searchControlPanel .suche input::-webkit-input-placeholder {
	color: rgb(153, 153, 153);
}
.searchControlPanel .suche button {
	font-size: 0.9em;
}

#suche_form_lg button{
    position: absolute;
    right: 4px;
    top: -6px;
	box-sizing: content-box;
    height: 34px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}

#suche_form_lg #suche_lg{
    border-right: 10px solid rgb(19,35,75);
    padding: 0px 40px 0px 10px;
    height: 35px;
}

#suche_form_lg{
    position: relative;
}

.barrierefreiheit ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}
.barrierefreiheit ul li {
	display: inline;
}
.barrierefreiheit ul li:before {
	content: "|";
}
.barrierefreiheit span.btn_circle {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	padding-top: 5px;
}
.barrierefreiheit span {
	color: rgb(255, 255, 255);
	cursor: pointer;
}

.barrierefreiheit{
	display: none ! important;
}


/*Allgemeine Elemente*/

.versteckt {
	display: none;
}

/* Gridlayout */
.col-1 {
	width: 8.33333333%;
}
.col-2 {
	width: 16.66666667%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33333333%;
}
.col-5 {
	width: 41.66666667%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33333333%;
}
.col-8 {
	width: 66.66666667%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33333333%;
}
.col-11 {
	width: 91.66666667%;
}
.col-12 {
	width: 100%;
}

/* Ausrichtung */
.fleft {
	float: left;
}
.fright {
	float: right;
}
.pull-left {
	float: left !important;
}
.pull-right {
	float: right !important;
}
.tleft {
	text-align: left;
}
.tright {
	text-align: right;
}
.tcenter {
	text-align: center;
}



/*Vertikale Abstände*/
.voffset1 {
	margin-top: 5px;
}
.voffset2 {
	margin-top: 10px;
}
.voffset3 {
	margin-top: 15px;
}
.voffset4 {
	margin-top: 30px;
}
.voffset5 {
	margin-top: 40px;
}
.voffset6 {
	margin-top: 60px;
}
.voffset7 {
	margin-top: 80px;
}
.voffset8 {
	margin-top: 100px;
}
.voffset9 {
	margin-top: 150px;
}


/** LINKS **/
a {
	color: rgb(51, 51, 51);
	font-weight: 400;
	text-decoration: none;
}


/**SMARTPHONE***/
html,
body,
header,
.maincontentcol {
	overflow-x: hidden;
}


























@media only screen and (min-width: 1920px) {
	main > section {
		width: 1920px;
		margin: 0 auto;
	}
	  
	#linie{
		width: 100%;
	}
	  
	#linie img{
		height: 4px;
		width: 100%;
	}
  
	#header{
		background: url(zab_headerbg2.jpg);
		background-repeat: repeat-x;
		background-color: blue;
		width: 100%;
		text-align: center;
	}
	
	#header img{
		margin: 0 auto;
	}
	
	#ca_titel{
		
	}
	
	#ca_titel img{
		margin: 0 auto;
	}
	
	#bottom{
		background: url(zab_bottom_hg.jpg);
		background-repeat: repeat-x;
		background-color: blue;
		width: 100%;
		text-align: center;
	}
	
	#bottom img{
		margin: 0 auto;
	}
  
	
	#ca{
		background: rgb(5,20,59);
		background: -moz-linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		background: linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05143b",endColorstr="#233871",GradientType=1);
		width: 100%;
	}
	
	#ca img{
		margin: 0 auto;
	}
  
	
  
  
	.hg_img{
		padding: 0;
		margin: 0;
		display: block;
	}
	
	#hero{
		width: 100%;
	}
	
	#hero img{
		width: 100%;
	}
	

}
@media only screen and (max-width: 1920px) {
	#linie img{
		height: 4px
		width: 100%;
	}

	.hg_img{
		width: 100%;
		padding: 0;
		margin: 0;
		display: block;
	}
	
	#ca_result .ca_checkliste{
		padding-left: 15px;
		padding-right: 15px;
	}
}

#ca2{
		background: rgb(5,20,59);
		background: -moz-linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		background: linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05143b",endColorstr="#233871",GradientType=1);
		width: 100%;
		min-height: 200px;
		padding-left: 100px;
		padding-right: 100px;
		position: relative;
	}
	
#ca2 > section{
	margin: 0 auto;
	display: block;
	max-width: 1920px;
	color: white;
	padding-top: 30px;
	padding-bottom: 90px;
	padding-left: 30px;
	padding-right: 30px;

}
	
#ca2 > section > p.choose{
}

#ca2 .ca_buttons .p50{
	width: 50%;
	float: left;
	padding-bottom: 30px;
	
}

#ca2 .ca_buttons .p50:first-child{
	border-right: 1px solid white;
	padding-right: 30px;
	padding-left: 100px;
}

#ca2 .ca_buttons .p50:nth-child(2){
	border-left: 1px solid white;
	padding-left: 30px;
	padding-right: 100px;
}

#ca2 .bigger{
	font-size: 1.7em;
	display: block;
	font-weight: bold;
}

#ca2 .ca_buttons .ca_theButton{
	border: 1px solid white;
	padding: 30px;
	margin-top: 30px;
	width: 29.302vw;
	margin: 30px auto 0;
	cursor: pointer;
	position: relative;
}

#ca2 .ca_buttons .ca_theButton:hover{
	background-color: rgba(0,0,0,0.3);
}

#ca2 .ca_buttons .ca_theButton img{
	float: left;
	margin-right: 30px;
}

#ca2 .ca_buttons .ca_theButton  i{
	position: absolute;
	right: 0;
	padding-right: 30px;
	font-size: 3.5em;
	top: 0;
	padding-top: 30px;
}

#ca2 .ca_buttons .ca_theButton.aktiv{
	background-color: rgba(0,0,0,0.3);
}




.clearfix{
clear: both;
}

.layout_arrow{
	position: absolute;
	color: white;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 4em;
	top: 0;
	margin-top: -30px;
}

#ca_result{
	margin-top: 0px;
	margin-bottom: 0px;
}

#ca_result section{
	text-align: center;
}




#ca_result .ca_buttons .p50{
	width: 50%;
	float: left;
	padding-bottom: 30px;
	
}

#ca_result .ca_buttons .p50:first-child{
	border-right: 1px solid white;
	padding-right: 30px;
	padding-left: 100px;
}

#ca_result .ca_buttons .p50:nth-child(2){
	border-left: 1px solid white;
	padding-left: 30px;
	padding-right: 100px;
}

#ca_result .bigger{
	font-size: 1.7em;
	display: block;
	font-weight: bold;
}



#ca_result .ca_buttons .ca_theButton:hover{
	background: linear-gradient(-45deg, rgb(212, 36, 39), rgb(35, 55, 112), #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	color: white;
}

#ca_result .ca_buttons .ca_theButton.aktiv{
	background-color: rgb(8, 20, 50);
	color: white;
}

#ca_result .pts{
	padding-top: 45px;
	padding-bottom: 90px;
	border-bottom: 1px solid rgba(0,0,0,1);
}

#ca_result .pts h1{
margin: 0;
padding: 0;
}
<?php

/*
#ca_result .ca_buttons .ca_theButton:hover div:after{
	 content: '\f00c';
   font-family: 'Font Awesome 5 Free';
   font-weight: 600;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
}
*/
?>

#ca_result .ca_buttons .ca_theButton img{
	float: left;
	margin-right: 30px;
}




#ca_result .ca_antworten{
	text-align: center;
	display: block;
	width: 100%;
	margin: 0 auto;
}

#ca_result .ca_antworten .ca_theButton{
	float: left;
}

#ca_result .ca_antworten .ca_theButton{
	
}

#ca_result .ca_buttons .ca_theButton{
	border: 2px solid #c7c9ce;
	padding: 30px;
	margin: 30px 7px 0 7px;
	cursor: pointer;
	background-color: #e0e4ee;
	display: inline-block;
	color: rgb(35, 56, 113);
	background-color: white;
	border: 2px solid rgb(35, 56, 113);
}

#ca_result .ca_buttons .ca_theButton strong{
	display: block;
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

#ca_result{
	display: none;
	border-bottom: 100px solid #081330;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}

#ca_result .pts{
	display: none;
}

#ca_result_check{
width: 100%;
}

#ca_result_check > section {
    border: 1px solid rgb(18, 33, 74);
margin: 0 auto;
background-color: #081330;
color: white;
font-family: 'Open Sans';
cursor: pointer;
}

#ca_result_check h1 {
    width: 1920px;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0px;
	font-weight: 600;
	font-size: 1.0em;
}

#ca_result_check .fa-check{
	margin-left: 10px;
}

#ca_result .ca_checkliste{
	text-align: left;
}


#ca_result_check .auswahl{
display: block;
	font-weight: 400;
font-style: italic;
padding-top: 0px;
padding-bottom: 15px;
}

@media only screen and (max-width: 1920px) {
	#ca_result_check h1 {
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 15px 0px;
		font-weight: 600;
		font-size: 1.0em;
	}
}

.ca_checkliste{
	width: 100%;
	padding: 0;
	margin: 0;
}

.ca_checkliste table{
	padding: 30px 0  30px 0 ! important;
}

.ca_checkliste table tr td{
	padding-bottom: 15px;
}

.ca_checkliste tr > td{
	text-align: right;
	min-width: 110px;
	vertical-align: top;
}

.ca_checkliste tr> td:first-child{
	padding-right: 15px;
	text-align: left;
	font-weight: 600;
}


.allDownloads{
	text-align: right;
}









.smaller_row_logo{
	width: 15%;
	float: left;
}

.smaller_row_logo img{
	width: 100%;
}

.bigger_row_content{
	width: 85%;
	float: right;
	padding-left: 60px;
}

.bigger_row_content .smaller_title, .smaller_title{
	color: rgb(157, 9, 7);
	font-style: italic;
	font-weight: 600;
}

.bigger_row_content h2{
	margin-top: 15px;
	color: rgb(34, 56, 112);
}






.color_button {
    cursor: pointer;
    padding: 5px 15px;
    font-size: 1.0em;
    border: 1px solid rgba(19,37,84,1);
    border-radius: 5px;
    font-family: 'Open Sans';
    background-color: rgba(19,37,84,1);
    text-transform: uppercase;
    font-weight: 700;
	display: inline-block;
	margin-top: 30px;
	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}


.color_button:hover {
	background-color: rgb(8, 22, 57);
}

a.nohighlight{
	border: none;
}

a.nohighlight::before{
	display: none;
}

a.noicon > span.linkicon_after{
	display: none;
}

.startseite_modules h2{
	margin-top: 15px;
	color: rgb(34, 56, 112);
}

.startseite_modules h2.white{
	color: rgb(255, 255, 255);
}

.startseite_modules_doublecol h2{
	margin-top: 15px;
	color: rgb(34, 56, 112);
}

.startseite_modules_triplecol h2{
	margin-top: 15px;
	color: rgb(34, 56, 112);
}

.startseite_modules_doublecol h2.white{
	color: rgb(255, 255, 255);
}

.startseite_modules_triplecol h2.white{
	color: rgb(255, 255, 255);
}

.smaller_title.white{
	color: rgb(255, 255, 255);
}

ul.faq{
	list-style-type: none;
	padding-left: 0;
}

ul.faq li{
	color: rgb(34, 56, 112);
	border-bottom: 1px solid rgba(34,56,112,0.3);
	padding: 10px 0px;
	font-weight: 600;
}

ul.faq li:before {
  font-family: "Font Awesome 5 Free";
   content: "\f067";
   font-weight: 900;
   padding-right: 10px;
}

.smaller_title.yellow{
	color: rgba(225,152,11,1);
	font-style: normal;
}


.smaller_title.blue{
	color: rgba(11,122,225,1);
	font-style: normal;
}

blockquote{
	font-size: 1.3em;
	font-family: 'metabold_roman';
	margin: 0;
	word-wrap: break-word;
	hyphens: auto;
}

blockquote:before {
  font-family: "Font Awesome 5 Free";
   content: "\f101";
   font-weight: 900;
   padding-right: 5px;
}


blockquote:after {
  font-family: "Font Awesome 5 Free";
   content: "\f100";
   font-weight: 900;
   padding-left: 5px;
}


.largeRow{
	max-width: 100%;
}

.nospacingForce{
	margin: 0 ! important;
	padding: 0 ! important;
}

#ca_result > section > div {
    max-width: 1590px;
    width: 100%;
    margin: 0 auto;
}

#ca_result_check > section > div {
    max-width: 1590px;
    width: 100%;
    margin: 0 auto;
	text-align: center;
	padding: 15px;
}

#ca_result_check > section  h3{
	font-size: 1.0em;
	margin: 0 0 0 0;
}


.ca_buttons > span, .showCheckliste > span.prevBtn, .showTipps > span.prevBtn{
	margin-top: 30px;
	display: block;
	margin-left: 15px;
	color: #233871;
	cursor: pointer;
}

.showCheckliste > span.prevBtn, .showTipps > span.prevBtn{
	margin-top: 30px;
	margin-left: 0px;
}

.ca_buttons > span:hover, .showCheckliste > span.prevBtn:hover, .showTipps > span.prevBtn:hover{
	text-decoration: underline;
}

@media (min-width: 1920px) {
	#ca2 .ca_buttons .ca_theButton {
		width: 560px;
	}
	
	#ca2 > section
	{
		padding-left: 15px;
		padding-right: 15px;
		max-width: 1590px;
		width: 100%;
	}
}

@media (max-width: 1920px) {
	#ca2 .ca_buttons .ca_theButton {
		width: 560px;
	}
	
	#ca2 > section
	{
		padding-left: 15px;
		padding-right: 15px;
		max-width: 1590px;
		width: 100%;
	}
	
	#ca2
	{
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 1500px) {

	.bigger_row_content p{
		width: 100%;
	}
	
	#ca2 .ca_buttons .p50:first-child {
		border-right: 1px solid white;
		padding-right: 30px;
		padding-left: 7vw;
	}
	
	#ca2 .ca_buttons .p50:nth-child(2) {
		border-left: 1px solid white;
		padding-left: 30px;
		padding-right: 7vw;
	}
	
	#ca2 .ca_buttons .ca_theButton {
		width: 39vw;
	}
}

@media (max-width: 1200px) {
	#ca2 .ca_buttons .ca_theButton {
		min-width: 100%;
	}
	
	#ca2 .ca_buttons .p50:first-child {
		padding-left: 15px;
	}
	
	#ca2 .ca_buttons .p50:nth-child(2) {
		padding-right: 15px;
	}
	
	#ca2 .ca_buttons .ca_theButton > div{
		font-size: 1.7vw;
		line-height: 2.551vw;
	}
	
	#ca2 .ca_buttons .ca_theButton > div .bigger{
		font-size: 2.7vw;
	}
	
	#ca2 .ca_buttons .ca_theButton i{
		font-size: 5.7vw;
		padding-top:2.5vw;
		padding-right:2.5vw;
	}
	
	#ca2 .ca_buttons .ca_theButton img{
		width: 5.5vw;
		margin-right: 2.5vw;
	}
	
	#ca2 .ca_buttons .ca_theButton{
		padding: 2.5vw;
	}
}





@media (max-width: 600px) {
	.bigger_row_content {
		order: 1;
		text-align: left;
		width: 100%;
		float: none;
		padding-left: 15px;
		padding-right: 15px;
	}	
	
	body{
		font-size: 16px;
	}
}


@media (max-width: 900px) {

	.startseite_modules {
		display: flex;
		flex-direction: column;
	}

	.smaller_row_logo {
		order: 2;
		width: 75%;
		margin: 8vw auto 0;
		text-align: center;
		padding: 0;
	}
	
	.bigger_row_content {
		order: 1;
		text-align: left;
		width: 100%;
		float: none;
		padding-left: 15px;
		padding-right: 15px;
	}
	
}

@media (min-width: 700px) and (max-width: 900px) {
	
	.smaller_row_logo {
		width: 50%;
	}
	
}

@media (max-width: 700px) {
	#ca2 .ca_buttons .p50
	{
		width: 100%;
		float: none;
		padding-bottom: 0px;
		border: none;
	}
	
	#ca2 .ca_buttons .p50:first-child, #ca2 .ca_buttons .p50:nth-child(2)
	{
		border: none;
		padding: 0px;
	}
	
	#ca2 .ca_buttons .ca_theButton {
		min-width: 80%;
	}
	
	#ca2 .ca_buttons .ca_theButton > div {
		font-size: 3.5vw;
		line-height: 5.6vw;
	}
	
	#ca2 .ca_buttons .ca_theButton > div .bigger {
		font-size: 4.5vw;
	}
	
	#ca2 .ca_buttons .ca_theButton img {
		width: 10vw;
		margin-right: 4.5vw;
	}
	
	#ca2 .ca_buttons .ca_theButton i {
		font-size: 8.7vw;
		padding-top: 3.5vw;
		padding-right: 3.5vw;
	}
}




@media (max-width: 400px) {
	.startseite_modules{
		display: flex;
        flex-direction: column;
        flex-direction: column;
	}
	
	.startseite_modules h2{
		text-align: center;
	}
	
	.startseite_modules_doublecol{
		display: flex;
        flex-direction: column;
        flex-direction: column;
	}
	
	.startseite_modules_triplecol{
		display: flex;
        flex-direction: column;
        flex-direction: column;
	}
	
	.startseite_modules_doublecol h2{
		text-align: left;
	}
	
	.startseite_modules_triplecol h2{
		text-align: left;
	}
	
	.smaller_row_logo{
		order: 2;
		width: 75%;
		margin: 8vw auto 0;
		text-align: center;
		padding:0;
	}

	.bigger_row_content{
		order: 1;
		text-align: left;
	}
	
	#ca2 .ca_buttons .ca_theButton {
		min-width: 100%;
	}
	
	#ca2 .ca_buttons .ca_theButton > div {
		font-size: 4.5vw;
		line-height: 7.6vw;
	}
	
	#ca2 .ca_buttons .ca_theButton > div .bigger {
		font-size: 6vw;
	}
	
	#ca2 .ca_buttons .ca_theButton img {
		width: 12vw;
		margin-right: 4.5vw;
		margin-top: 1.5vw;
	}
	
	#ca2 .ca_buttons .ca_theButton i {
		font-size: 10.7vw;
		padding-top: 4.5vw;
		padding-right: 3.5vw;
	}
}





.smartphone .header > .container{
	padding-left:15px;
	padding-right:15px;
}

.startseite_modules_triplecol .bigger_row_content {
    width: 100%;
	float: none;
    padding-left: 0px;
}

.startseite_modules_triplecol img{
	width: 100%;
}

.startseite_modules_triplecol .bigger_row_content{
	padding: 30px 30px 60px 30px;
}


/* @media (max-width: 1200px) { */
	.startseite_modules_triplecol .bigger_row_content h2, .startseite_modules_triplecol .bigger_row_content .smaller_title{
		font-size: 1.0em;
	}
	
	.startseite_modules_triplecol .bigger_row_content .color_button{
		font-size: 0.8em;
	}
	
@media (max-width: 991px) {
	.startseite_modules_triplecol .bigger_row_content{
		padding: 15px 15px 30px 15px;
	}
	.startseite_modules_triplecol .bigger_row_content .color_button{
		font-size: 0.7em;
	}
	
}




.minititle{
	font-style: italic;
	font-family: 'Open Sans';
	font-size: 1.0em;
	margin-bottom: -10px;
	display: block;
}

.minititle:before{
font-family: "Font Awesome 5 Free";
   content: "\f101";
   vertical-align: middle;
   font-weight: 900;
   padding-right: 10px;
}

.main .content-ueberschrift h2{
	background-color: rgb(34,56,112);
	color: white; 
	margin: 0;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 1.3em;
	padding: 15px 20px;
}

.faq2 .inverseContrast{
	display: none;
}

.navigation_outside_fix.sticky .header{
	padding-top: 5px;
}

.navigation_outside_fix.sticky figure{
	padding-bottom: 0px;
}


.wrapper_kontaktformular *, .wrapper_visitenkarte *{
	color: rgb(255,255,255);
}

.wrapper_kontaktformular input, .wrapper_kontaktformular textarea{
	color: rgba(51,51,51,1);
	display: block;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid rgb(35, 56, 112); 
	border-radius: 5px;
	font-family: 'Open Sans';
}

.wrapper_kontaktformular .submitbtn{
	text-align: right;
	margin-top: 15px;
}

.wrapper_kontaktformular input[type="submit"]{
	display: inline-block;
	width: auto;
	
}

.wrapper_kontaktformular .kontaktformular > div:nth-child(2n-1) {
	padding-left: 0px;
}

.wrapper_kontaktformular .kontaktformular > div:nth-child(2n) {
	/* padding-right: 0px; */
}

.wrapper_kontaktformular .kontaktformular > div:last-child{
	padding-right: 15px;
}

.wrapper_visitenkarte{
	background-color: rgba(34,56,112,1);
}

.wrapper_visitenkarte > div:first-child{
	padding: 30px 30px 30px 30px;
}

.wrapper_visitenkarte > div:first-child h3{
	margin-top: 0px;
	margin-bottom: 0px;
}

.wrapper_visitenkarte > div:first-child h4{
	margin-top: 0px;
	margin-bottom: 0px;
}

.wrapper_kontaktformular .submitbtn input{
	background-color: rgba(34,56,112,1);
	color: white;
	font-weight: bold;
	font-size: 0.9em;
}

.wrapper_kontaktformular .submitbtn input:hover{
	background-color: rgb(23, 42, 89);
	border-color: rgb(23, 42, 89);
	cursor: pointer;
}

.wrapper_visitenkarte ul{
	list-style-type: none;
}

.wrapper_visitenkarte ul li.phone:before{
	font-family: "Font Awesome 5 Free";
   content: "\f095";
   vertical-align: middle;
   font-weight: 900;
   padding-right: 10px;
   color: white;
}

.wrapper_visitenkarte ul li.fax:before{
	font-family: "Font Awesome 5 Free";
   content: "\f1ac";
   vertical-align: middle;
   font-weight: 900;
   padding-right: 10px;
   color: white;
}

.wrapper_visitenkarte ul li.mail:before{
	font-family: "Font Awesome 5 Free";
   content: "\f658";
   vertical-align: middle;
   font-weight: 900;
   padding-right: 10px;
   color: white;
}

.wrapper_visitenkarte ul li.mail a{
	color: white;
	border-color: white;
}
.wrapper_visitenkarte ul li.mail a:hover{
	color: white;
	border-color: white;
}

.wrapper_visitenkarte >div:nth-child(2){
	background: rgba(255,255,255,0.3) url("/stylesheets/miniweb/zab/img/map_web2.jpg") repeat scroll center center;
	background-position-y: 60%;
}


.wrapper_visitenkarte >div:nth-child(2) .kartenbutton{
	display: flex;
	width: 100%;
	height: 100%;
	text-align:center;
	justify-content: center;
	align-items: center;
	border: none;
	cursor: pointer;
}

.wrapper_visitenkarte >div:nth-child(2) .kartenbutton:hover span{
	border: none;
	background-color: rgb(23, 42, 89);
}

.wrapper_visitenkarte >div:nth-child(2) .kartenbutton span:hover{
	border: none;
	background-color: rgb(23, 42, 89);
}

.wrapper_visitenkarte >div:nth-child(2) .kartenbutton span{
	background-color: rgba(34,56,112,1);
	padding: 5px 30px;
}


#slot_start_kontakt > div > section{
	display: flex;
}

#slot_start_kontakt > div > section > div{
	flex: 1
}

#slot_start_kontakt > div > section > div:nth-child(2) > section, #slot_start_kontakt > div > section > div:nth-child(2) > section .wrapper_visitenkarte, #slot_start_kontakt > div > section > div:nth-child(2) > section .wrapper_visitenkarte > div:nth-child(2) {
	height: 100%;
}

	
@media (max-width: 900px) {
	#slot_start_kontakt .content-slot2{
		 flex-direction: column;
	}
	
	#slot_start_kontakt .content-slot2 > div{
		width: 100%;
	}
	
	#slot_start_kontakt > div > section > div:nth-child(2) > section > section{
		width: 100%;
	}
	
	#slot_start_kontakt .wrapper_visitenkarte{
		display: flex;
	}
	
	#slot_start_kontakt > div > section > div:nth-child(2) > section, #slot_start_kontakt > div > section > div:nth-child(2) > section .wrapper_visitenkarte, #slot_start_kontakt > div > section > div:nth-child(2) > section .wrapper_visitenkarte > div:nth-child(2) {
		height: auto;
	}
	
	#slot_start_kontakt .wrapper_kontaktformular .kontaktformular > div:nth-child(2n), #slot_start_kontakt .wrapper_kontaktformular .kontaktformular > div:last-child {
		padding-left: 0px;
		padding-right: 0px ! important;
	}
	
	#slot_start_kontakt .content-slot2 > div:nth-child(1){
		
		padding-right: 0px ! important;
	}
	
	#slot_start_kontakt .content-slot2 > div:nth-child(2){
		margin-top: 60px;
	}

}


@media (max-width: 600px) {
	.wrapper_kontaktformular .kontaktformular > div:nth-child(2n-1){
		
		padding-right: 0px ! important;
	}
}


@media (max-width: 450px) {
	#slot_start_kontakt .wrapper_visitenkarte{
		display: block;
	}
	
	.wrapper_visitenkarte > div:nth-child(2) .kartenbutton {
		height: 150px;
	}
}
/** ASKZAB1***/


@media only screen and (max-width: 1920px) {

	#askzab1 #ca_result .ca_checkliste{
		padding-left: 15px;
		padding-right: 15px;
	}
}

#askzab1 #ca{
		background: rgb(5,20,59);
		background: -moz-linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		background: linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05143b",endColorstr="#233871",GradientType=1);
		width: 100%;
		min-height: 200px;
		padding-left: 100px;
		padding-right: 100px;
		position: relative;
	}
	
#askzab1 #ca > section{
	margin: 0 auto;
	display: block;
	max-width: 1920px;
	color: white;
	padding-top: 30px;
	padding-bottom: 90px;
	padding-left: 30px;
	padding-right: 30px;

}
	
#askzab1 #ca > section > p.choose{
}

#askzab1 #ca .ca_buttons .p50{
	width: 50%;
	float: left;
	padding-bottom: 30px;
	
}

#askzab1 #ca .ca_buttons .p50:first-child{
	border-right: 1px solid white;
	padding-right: 30px;
	padding-left: 100px;
}

#askzab1 #ca .ca_buttons .p50:nth-child(2){
	border-left: 1px solid white;
	padding-left: 30px;
	padding-right: 100px;
}

#askzab1 #ca .bigger{
	font-size: 1.7em;
	display: block;
	font-weight: bold;
}

#askzab1 #ca .ca_buttons .ca_theButton{
	border: 1px solid white;
	padding: 30px;
	margin-top: 30px;
	width: 29.302vw;
	margin: 30px auto 0;
	cursor: pointer;
	position: relative;
}

#askzab1 #ca .ca_buttons .ca_theButton:hover{
	background-color: rgba(0,0,0,0.3);
}

#askzab1 #ca .ca_buttons .ca_theButton img{
	float: left;
	margin-right: 30px;
}

#askzab1 #ca .ca_buttons .ca_theButton  i{
	position: absolute;
	right: 0;
	padding-right: 30px;
	font-size: 3.5em;
	top: 0;
	padding-top: 30px;
}

#askzab1 #ca .ca_buttons .ca_theButton.aktiv{
	background-color: rgba(0,0,0,0.3);
}



#askzab1 .layout_arrow{
	position: absolute;
	color: white;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 4em;
	top: 0;
	margin-top: -30px;
}

#askzab1 #ca_result{
	margin-top: 0px;
	margin-bottom: 0px;
}

#askzab1 #ca_result section{
	text-align: left;
}




#askzab1 #ca_result .ca_buttons .p50{
	width: 50%;
	float: left;
	padding-bottom: 30px;
	
}

#askzab1 #ca_result .ca_buttons .p50:first-child{
	border-right: 1px solid white;
	padding-right: 30px;
	padding-left: 100px;
}

#askzab1 #ca_result .ca_buttons .p50:nth-child(2){
	border-left: 1px solid white;
	padding-left: 30px;
	padding-right: 100px;
}

#askzab1 #ca_result{
	background-color: rgb(255,255,255);
}

#askzab1 #ca_result .bigger{
	font-size: 1.7em;
	display: block;
	font-weight: bold;
}



#askzab1 #ca_result .ca_buttons .ca_theButton:hover{
	background: linear-gradient(-45deg, rgb(212, 36, 39), rgb(35, 55, 112), #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	color: white;
}

#askzab1 #ca_result .ca_buttons .ca_theButton.aktiv{
	background-color: rgb(8, 20, 50);
	color: white;
}

#askzab1 #ca_result .pts{
	padding-top: 45px;
	padding-bottom: 90px;
	border-bottom: 1px solid rgba(0,0,0,1);
}

#askzab1 #ca_result .pts h1{
margin: 0;
padding: 0;
}


#askzab1 #ca_result .ca_buttons .ca_theButton img{
	float: left;
	margin-right: 30px;
}




#askzab1 #ca_result .ca_antworten{
	text-align: center;
	display: block;
	width: 100%;
	margin: 0 auto;
}

#askzab1 #ca_result .ca_antworten .ca_theButton{
	float: left;
}

#askzab1 #ca_result .ca_antworten .ca_theButton{
	
}

#askzab1 #ca_result .ca_buttons .ca_theButton{
	border: 2px solid #c7c9ce;
	padding: 15px 30px;
	margin: 15px 7px 0 7px;
	cursor: pointer;
	background-color: #e0e4ee;
	display: table;
	color: rgb(35, 56, 113);
	background-color: white;
	border: 2px solid rgb(35, 56, 113);
}

#askzab1 #ca_result .ca_buttons .ca_theButton strong{
	display: block;
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

#askzab1 #ca_result{
	display: none;
	border-bottom: none;
	box-shadow: none;
}

#askzab1:after{
	content: " ";
	height: 130px;
	width: 100%;
	display: block;
	background: linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
}

#ca_unterseite #askzab1:after{
	content: " ";
	height: 530px;
	width: 100%;
	display: block;
	background: linear-gradient(90deg, rgba(5,20,59,1) 0%, rgba(35,56,113,1) 100%);
}


#askzab1 #ca_result .pts{
	display: none;
}

#askzab1 #ca_result_check{
width: 100%;
}

#askzab1 #ca_result_check > section {
    border: none;
	margin: 0 auto;
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
	font-family: 'Open Sans';
	cursor: pointer;
}

#askzab1 #ca_result_check > section:hover{
	color: rgb(157, 9, 7);
}

#askzab1 #ca_result_check h1 {
    width: 1920px;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0px;
	font-weight: 600;
	font-size: 1.0em;
}

#askzab1 #ca_result_check h3{
	color: #223870;
}

#askzab1 #ca_result h3{
	color: #223870;
}

#askzab1 #ca_result_check .fa-check{
	margin-left: 10px;
}

#askzab1 #ca_result .ca_checkliste{
	text-align: left;
}


#askzab1 #ca_result_check .auswahl{
display: block;
font-weight: 400;
font-style: italic;
padding-top: 0px;
padding-bottom: 0;
padding-left: 25px;
}

@media only screen and (max-width: 1920px) {
	#askzab1 #ca_result_check h1 {
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 15px 0px;
		font-weight: 600;
		font-size: 1.0em;
	}
}

#askzab1 .ca_checkliste{
	width: 100%;
	padding: 0;
	margin: 0;
}

#askzab1 .ca_checkliste table{
	padding: 0px 0  30px 0 ! important;
}

#askzab1 .ca_checkliste table tr td{
	padding-bottom: 15px;
}

#askzab1 .ca_checkliste tr > td{
	text-align: right;
	min-width: 110px;
	vertical-align: top;
}

#askzab1 .ca_checkliste tr> td:first-child{
	padding-right: 15px;
	text-align: left;
	font-weight: 600;
}


#askzab1 .allDownloads{
	text-align: right;
}


#askzab1 #ca_result > section > div {
    max-width: 1590px;
    width: 100%;
    margin: 0 auto;
}

#askzab1 #ca_result_check > section > div {
    max-width: 1590px;
    width: 100%;
    margin: 0 auto;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.1)
}

#askzab1 #ca_result_check > section  h3{
	font-size: 1.0em;
	margin: 0 0 0 0;
}

#askzab1 .lookatthis{
	color: white;
	position: absolute;
	transform: rotate(180deg);
	font-size: 4.0em;
	margin-top: 50px;
}

@media (min-width: 1920px) {
	#askzab1 #ca .ca_buttons .ca_theButton {
		width: 560px;
	}
	
	#askzab1 #ca > section
	{
		padding-left: 15px;
		padding-right: 15px;
		max-width: 1590px;
		width: 100%;
	}
}

@media (max-width: 1920px) {
	#askzab1 #ca .ca_buttons .ca_theButton {
		width: 560px;
	}
	
	#askzab1 #ca > section
	{
		padding-left: 15px;
		padding-right: 15px;
		max-width: 1590px;
		width: 100%;
	}
	
	#askzab1 #ca
	{
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 1500px) {


	#askzab1 #ca .ca_buttons .p50:first-child {
		border-right: 1px solid white;
		padding-right: 30px;
		padding-left: 7vw;
	}
	
	#askzab1 #ca .ca_buttons .p50:nth-child(2) {
		border-left: 1px solid white;
		padding-left: 30px;
		padding-right: 7vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton {
		width: 39vw;
	}
	
	#askzab1 .lookatthis{
		font-size: 4.0vw;
		margin-top: 4.0vw;
	}
}

@media (max-width: 1200px) {
	#askzab1 #ca .ca_buttons .ca_theButton {
		min-width: 100%;
	}
	
	#askzab1 #ca .ca_buttons .p50:first-child {
		padding-left: 15px;
	}
	
	#askzab1 #ca .ca_buttons .p50:nth-child(2) {
		padding-right: 15px;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton > div{
		font-size: 1.7vw;
		line-height: 2.551vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton > div .bigger{
		font-size: 2.7vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton i{
		font-size: 5.7vw;
		padding-top:2.5vw;
		padding-right:2.5vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton img{
		width: 5.5vw;
		margin-right: 2.5vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton{
		padding: 2.5vw;
	}
	
	#askzab1 .lookatthis{
		font-size: 3.7vw;
		margin-top: 0px;
		transform: none;
		display: inline-block;
		position: relative;
		margin-left: 2.0vw;
	}
	
	#askzab1 #ca > section > p.choose{
		display: inline;
	}
	
	#askzab1 .lookatthis i{
		transform: scaleX(-1) rotate(-90deg);
	}
}

@media (max-width: 700px) {
	#askzab1 #ca .ca_buttons .p50
	{
		width: 100%;
		float: none;
		padding-bottom: 0px;
		border: none;
	}
	
	#askzab1 #ca .ca_buttons .p50:first-child, #askzab1 #ca .ca_buttons .p50:nth-child(2)
	{
		border: none;
		padding: 0px;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton {
		min-width: 80%;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton > div {
		font-size: 3.5vw;
		line-height: 5.6vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton > div .bigger {
		font-size: 4.5vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton img {
		width: 10vw;
		margin-right: 4.5vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton i {
		font-size: 8.7vw;
		padding-top: 3.5vw;
		padding-right: 3.5vw;
	}
	
	#askzab1 .lookatthis{
		display: none;
	}
	
	#askzab1 #ca > section > p.choose{
		display: block;
	}
}

@media (max-width: 400px) {

	
	#askzab1 #ca .ca_buttons .ca_theButton {
		min-width: 100%;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton > div {
		font-size: 4.5vw;
		line-height: 7.6vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton > div .bigger {
		font-size: 6vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton img {
		width: 12vw;
		margin-right: 4.5vw;
		margin-top: 1.5vw;
	}
	
	#askzab1 #ca .ca_buttons .ca_theButton i {
		font-size: 10.7vw;
		padding-top: 4.5vw;
		padding-right: 3.5vw;
	}
}

#askzab1 #ca_result .linkicon_after{
	display: none;
}

#askzab1 .ca_checkliste tr > td{
   cursor: pointer;
}

#askzab1 .ca_checkliste tr > td:first-child:before{
	font-family: "Font Awesome 5 Free";
   content: "\f111";
   font-weight: 400;
   padding-right: 10px;
   cursor: pointer;
}

#askzab1 .ca_checkliste tr > td.isClicked:before{
	font-family: "Font Awesome 5 Free";
   content: "\f058";
   font-weight: 400;
   padding-right: 10px;
   cursor: pointer;
}

#askzab1 .disclaimer p{
	display: block;
	background-color: #223770;
	color: white;
	padding: 30px;
}

#askzab1 .disclaimer p a{
	
	color: white;
	border-color: white;
}


#askzab1 .shownotxs{
	display: inline-block;
}

#askzab1 .showonlyxs{
	display: none;
}

@media (max-width: 600px) {
	#askzab1 .shownotxs{
		display: none;
	}

	#askzab1 .showonlyxs{
		display: inline-block;
	}
}

.linkcard{
	padding: 30px 30px 30px 30px;
}

.linkcard h2{
    font-size: 1.4em;
    line-height: 1.3em;
}


.generatePDF{
	color: #fff;
	background-color: #223870;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	cursor: pointer;
	margin-bottom: 30px;
}

.generatePDF::before {
    font-family: "Font Awesome 5 Free";
    content: "\f019";
    display: inline-block;
    padding-right: 6px;
    padding-left: 2px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 0.8em;
    margin-top: -2px;
}

.generatePDF + span{
	display: block;
}

.kontaktaufnahme ul{
	padding-left:40px;
}

.navigation_outside_fix  .branding img{
	margin-bottom: 15px;
}

.heroimage_buttons{
	display: flex;
}

.heroimage_buttons > div{
	width: 33.333%;
}