@import url('websitefonts.css');

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "create-icons";
  src:url("../fonts/create-icons.eot");
  src:url("../fonts/create-icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/create-icons.woff") format("woff"),
    url("../fonts/create-icons.ttf") format("truetype"),
    url("../fonts/create-icons.svg#create-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}


/* START *********************************************/

html {
    font-size: 62.5%;
}



body {
	background-image: url(images/wigger_orchids_bg.png); 
	background-attachment:fixed;
	background-position: 0 285px;
 background-size: 100%;
	  background-color: #fff;
	background-repeat:no-repeat;
  margin-left: 0px;
  margin-top: 0px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
  color: #222222;
  padding-bottom: 20px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  height:auto;
	padding: 0;
}

#redim-cookiehint-modal {
  z-index: 99999;
}


.customhintergrund {
	position:fixed;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;	
	}

.customhintergrund img {
	width: 100%;
	top:0px;
	position:fixed;	
	}

.oterminbutton {
  position: absolute;
	right: -30px;
	bottom: 0;
  z-index: 999;
}

.oterminbutton a {
  display: flex;
	align-items: center;
	justify-content: center;
  z-index: 1;
  background: #9c1349;
  padding: 20px 20px 20px;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 100%;
  transform: rotate(10deg);
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 0 1px rgba(0,0,0,0.03);
  font-weight: bold;
  line-height: 160%;
  letter-spacing:0.5px;
	transition: all linear 0.5s;
}



.oterminbutton a:hover {
  transform: rotate(0deg);
}


#cookiehintsubmit,#cookiehintsubmitno			{ background: #9c1349 !important; color: #fff !important}
#cookiehintsubmit:hover,#cookiehintsubmitno:hover		{ background: #550033 !important; color: #fff !important}

/* START
*********************************************/
.ticker {position:absolute; z-index:333; margin-top: 0px;}

ul {
    list-style: none;
	padding: 0;
    margin: 0;
	}

a {color:inherit;}

a[href="javascript:history.back()"] {
	  text-decoration: none;
	  text-transform:uppercase;
	}

a[href="javascript:history.back()"]:before {
 content: "\f053 "; 
 font-family: FontAwesome;
 margin-right: 10px;
  }


p, li, td {color:#222; font-weight: 300;}

label {
	font-weight: normal !important;
	  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-size: inherit !important;
}

sup {line-height:0; font-size: 60%;}

img {border:0;}

.inhalt li {margin: 0 0 20px;}

/*.inhalt ol li::marker {
	position: absolute;
  margin-top:20px;
	border: 1px solid #9c1349;
	background:#9c1349;
	display: block;
	font-size: 30px;
	color:#9c1349;
}*/

.inhalt ol li {
	position: relative;
  list-style-type: none;
}

.inhalt ol li {
  counter-increment: step-counter;
  position: relative;
  margin: 0px 0 20px 20px;
}

.inhalt ol li::before {
  /*content: counter(step-counter);*/
	
	   counter-increment: step; /* Counter mit dem Namen "step" wird verwendet */
   content: counter(step-counter) "."; /* Die entsprechende Zahl wird ausgegeben */
	position: absolute;
  left:-50px;
	top:0px;
	border: 1px solid #9c1349;
	background:#9c1349;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 30px;
	height: 30px;
	font-weight: 600;
	font-size: 20px;
	padding: 0px 0;
	color:#fff;
}

h2.componentheading {margin: 0px 0 20px 0px;}

.chrono_credits a {font-size: 10px; color:#999;}


/* LAYOUT
*********************************************/


/* FRONTEND
*********************************************/


.login-fields label
{
  display: block;
  float: left;
  width: 200px;
}



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

.boxplus-viewport {width:100% !important; overflow:hidden;}

.boxplus-slider,  .boxplus-viewport ul {width:100% !important; min-width:400px; max-width:100%;}

/* LAYOUT
*********************************************/


#container {
    margin: 50px auto 50px;
    max-width: 958px; /*976px*/
	width: 100%;
    text-align: left;
  	height: auto;
  	min-height: 900px;
    background-color: rgba(255, 255, 255, 1);
  	/*! border:1px solid #fff; */
    box-shadow: 0px 0px 20px #ccc;
  	/*Runde Ecken*/
  	border-radius: 25px; 
    box-sizing: border-box;
	position:relative;
	backdrop-filter: blur(10px);
	/*! background: rgba(255,255,255,0.8) url(images/circle.png) no-repeat; */ /*
	background-position: -270px 300px;
	background-size: 60%; */
}

header {
	top:0;
    background-color: transparent;
    /*! margin: 20px auto; */
	text-align: center;
	background: rgba(255,255,255,0);
	height: 150px;
	position: relative;
	z-index: 99999 !important;
	width: 100%;
	max-width: 100%;
	pointer-events: none;
}

.otermin {
	display: none;
}

.logo {
	   margin: 0px;
	   height: auto;
    padding:20px;
	   
}

.logo a  {
	display: flex;
	text-decoration: none;
	pointer-events: all;
	}

.logo a > div {
	display: flex;
	width: 100%;
	text-align: left;
	align-items:center; 
	color:#9c1349;
	}

.logo a > div * {
	color:#9c1349;
	}

.logo a > div h3 {
	text-transform:uppercase;
	line-height: 150%;
	margin: 0;
	font-weight: bold;
	font-size: 24.75px;
	}

.logo a img {
  max-width: 200px;
	height: auto;
	margin-right: 30px;
	}

header > nav {
  margin: 0px auto 0px auto;
  /*background-image: url(../images/square_silver_header.png);  height: 125px; */
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

header nav ul {display: none;}

header p {margin: 0px 0 0px 0;}

.nav  {
  margin-bottom: 0px !important;
  /*background-image: url(../images/square_silver_header.png);  height: 125px; */
}

video {width: 100% !important; height: 100% !important;}

.contentbereich {
  box-sizing: border-box;
		animation: fadein 3s ease-in-out;
    -moz-animation: fadein 3s ease-in-out; /* Firefox */
    -webkit-animation: fadein 3s ease-in-out; /* Safari and Chrome */
    -o-animation: fadein 3s ease-in-out; /* Opera */
  margin: 0px 0px 0px;
  display: flex;
  position: relative;
  /*! flex-direction: column; */
  width: 100%;
		}
		
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
	
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    /*! display: table; */ /* 2 */
}

.clearfix:after {
    clear: both;
}


.inhalt {
	display: inline-block;
	height: auto;
	box-sizing:border-box;
	width: 100%;
	/*width: 75%;*/
	padding: 0 10px 0 50px !important;
}



.item-page, .blog {
	margin-top: 0;
	/*! margin-bottom:54px; */
	/*! margin-bottom:5.4rem; */
}


.item-page:after, .item-page:before, .blog:after, .blog:before {
	content:" ";
	clear:both;
	display: table;
}


.blog li a[href$=".pdf"]:after {
	  padding-left: 10px; content: "\f1c1"; font-family: 'FontAwesome'; text-decoration: none;
           }

.blog li a[href$=".doc"]:after {
      padding-left: 10px;   content: "\f1c2"; font-family: 'FontAwesome'; text-decoration: none;
}


.item-page ul, .blog ul, .accordion ul  {
	list-style-type:disc;
	margin-left: 20px;
	padding-left: 30px;		
}

.fancypantsaccordionholder .accordion .accordion-item {
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.item-page ul li {
	list-style-position:outside;
	padding-left: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.inhalt .flexslider {
	margin: 50px 0;
}


.inhalt .flexslider ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}


.inhalt .flexslider ul li {
	padding: 0;
	margin: 0;
}



.item-page p, .category-module li {
}

.item-page p {

}

.item-page p a, .item-page p a:visited {
	font-weight: 400;
}

.item-page p a:hover {
	color:#666;
}


.item-page > img, .item-page p > img {
	max-width:100% !important;
	height: auto;
}


.blog > div.items-leading, .blog .item {
	padding: 20px;
	padding: 2rem;
	box-sizing: border-box;
	margin-bottom: 36px;
	margin-bottom: 3.6rem;
	border: 1px solid #ccc;
}


.item-separator {border-top: 1px dotted #999;}

.readmore {}

.readmore::after {content: "\f105"; font-family: FontAwesome;}

.readmore a {
	text-decoration: none;
	font-weight: 600;
	}

table { width: 100%;}


div.backbutton {
	margin-left:auto;
	margin-right:auto;
	}
	
a.backbutton {
	display: block;
	color: #666;
	margin-right: 10px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	}
	
a:hover.backbutton {
	text-decoration:underline;
	}
	
a.backbutton::before {
	content: "\f104  ";
	background: none repeat scroll 0% 0% #666;
	padding: 2px 4px 2px 5px;
	color: #FFF;
	font-family: FontAwesome;
	font-size:15px;
	font-size:1.5rem;
	text-decoration: none;
	margin-right: 10px;
	border-radius: 100%;
	}

a:hover.backbutton::before {
	background: #999;
	text-decoration:none;
	}


.convertforms .cf-content-wrap,
.convertforms .cf-form-wrap {
 padding:0px;
}

#container footer {
   background-color: transparent;
   min-height: 50px;
 	height: auto;
   border-top: 0px solid #ccc;
}

#container footer hr {
  border: 1px dotted #222;
}

#container footer ul {
  list-style-type: none;   
   width: 100%;
   margin: 0px auto;
      text-align: center;
  }

#container footer ul li {
  display: inline-block;
  margin: 15px 10px;
  }
#container footer ul li a {
  color: #666;
  /*! font-size: 12px; */
  /*! font-size: 1.2rem; */
    font-weight:300;
	text-transform:uppercase;
	text-decoration:none;
  }
  
#container footer ul li a:hover {
  color: #999;
  text-decoration:underline;
  background: transparent;
  }
  
#container footer address  {
	display: flex;
	padding: 10px 30px;
	margin: 50px auto 0;
	width: 100%;
	border-bottom: 0px solid #ccc;
	box-sizing:border-box;
	font-style: normal;
	background: rgba(152, 21, 73, 0.35);/**/
  }

  
#container address > div {
    width: 37,25%;
    box-sizing: border-box;
    /*! font-size: 13px; */
    line-height: 150%;
    display: inline-block;
	  margin: 0% 2% 0 2%;
	}


#container address > div:nth-child(3) {
    width: 25%;
	}
  
#container address > div h4 {
	font-weight: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 24px;
	line-height: 2.4rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
	margin-top: 0px;
  }
  
  
#container footer address > div p,  #container footer address > div a, #container footer address > div td, #container footer address > div strong, {
	color: #666;
	text-decoration: none;
  }

#container footer address > div td {	
	/*! font-size: 13px; */
	}

p {margin: 0px 0 20px 0;}

strong {font-weight:bold; padding-top: 5px;}

.inhalt strong {
	color: #9c1349;
}

.inhalt strong a {
	font-weight: bold;
}

h4 {
	font-size:16px;
	margin-bottom: 10px;
}






/* MENUS
*********************************************/


.display-limit {
 display:none;
}


@media all and (min-width: 901px) {

	
.stuck header {
  top: 0;
  position: sticky;
}
	
	
.stuck	.logo {
  border-top-left-radius: 0px;
}

}





#container header > nav ul li a img {
  display: none;
}

#container header > nav  ul {
  list-style:none;
  list-style-image:none;
  
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
	background: #bfd255; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}



#container header > nav ul li:hover li a {
  color:#999;
  border: 0px solid #000;
}



#container header > nav ul li:hover li a {
  color:#000;
}


#container header > nav ul li:hover li.current a {
  
}

#container header > nav ul li {
      display: inline-block;
    margin: 0 0 0 0px;
	width:20%;
   /** box-shadow: 3px 2px 5px #bbb;
   border-radius: 50px;
   Opacity for all Browsers**/
  /*mozilla -moz-opacity:0.95;*/
  /* chrome, safari -webkit-opacity:0.95; */
  /*Opera background: rgba(150, 150, 150, 0.95); */
  /*CSS3 opacity:0.95; */
}





#container header > nav li a {
  display:block;
  padding: 15px 5px 15px;
  text-decoration: none;
  font-size:15px;
  text-transform:uppercase;
  color: #fff;
  font-weight: 400;
  text-align: center;
  width: auto;
  min-width:150px;/**/
  letter-spacing: 1px;
  border: 1px solid transparent;
  box-sizing:border-box;
}




#container header > nav ul li a:hover  {
  color:#fff;
  background:#9c1349;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  /*box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);*/
}

#container header > nav li.current a, #container header > nav li.active li.current a, #container header > nav li.active a, #container header > nav li.active li.active a, #container header > nav li.active li.active li.current a {
  color:#fff;
  background:#9c1349;
}


#container header > nav li.current li a, #container header > nav li.active li a, #container header > nav li.active li.current li a, #container header > nav li.active li.active li a {
  color:#000;
  background:#fff;
}


#container header > nav li li a:hover, #container header > nav li.active li.current a:hover, #container header > nav li.active li.active a:hover, #container header > nav li.active li.active li.current a:hover {
  color:#000;
  background:#9c1349;
}

#container header > nav li a:hover {
  color:#000;
}




.home_button:before, .kfo_button:before, .za_button:before, .imp_button:before, .ort_button:before {
	font-family: "create-icons";
	font-size: 50px;
	display: block;
	padding-top: 5px;
	padding-bottom: 15px;
	}

.home_button, .kfo_button, .za_button, .imp_button, .ort_button {
	background: transparent;
	color: #fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	
.home_button:before {
	content: "\e007";
	}


.kfo_button:before {
	content: "\e001";
	}


.kfo_button {
	
	}
	
.za_button:before {
	content: "\e009";
	}


.za_button {
	}
	

.imp_button:before {
	content: "\e005";
	}
	
.imp_button {
	
	}

.ort_button {
	
	}
	
.ort_button:before {
	content: "\e003";
	}




/***Ebene 2***/

#container header > nav ul ul {
  display: none;
  margin-top: 0px;
  background: #fff;
  position: absolute;
  box-shadow: 0px 5px 10px rgba(10, 10, 10, 0.3);
}


#container header > nav ul li:hover ul {
  display: block;
}

#container header > nav ul ul li {
  display: block;
  margin: 0;
  width: auto;
  background: #fff;
}


#container header > nav ul ul li a {
  display: block;
  width: auto;
  padding: 10px 20px;
}


#container header > nav ul li ul li:hover a {
  color:#000;
  background: #9c1349;
  border: 0px;
}



/***Ebene 3***/

#container header > nav ul ul ul {
	margin-left: 100%;
	margin-top: -44px;
	width: auto;
}

#container header > nav ul li:hover ul ul {
  display: none;
  position:absolute;
}


#container header > nav ul ul li:hover ul {
  display: block;
}

#container header > nav ul li ul li:hover ul li a {
  background: #fff;
}
#container header > nav ul li ul li:hover ul li a:hover {
  background: #9c1349;
}





/* Breadcrumbs
*********************************************/

.breadcrumbs {
    display: inline-block;
	width: 100%;
    background: #transparent;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}

.breadcrumbs a.pathway {
  text-decoration:none;
  }

.breadcrumbs a:hover.pathway   {
  color: #9c1349;
  }

.showHere {
  }


#headmenu img {
  display:none;
  }


  
 /***NAVIGATION***/
 
 .sidenav, #sidenav_kfo {
    /*! float:left; */
	width: 350px;
    margin: 0px 0px 0px 0px;
    background: url(images/circle.png) no-repeat;
    background-position: -350px 0px;
    background-size: cover;
	 height: 700px;
	 padding: 30px 0px 30px 5px;
	 box-sizing: border-box;
    /*! max-height: 600px; */
    display: flex;
    align-items: center;
}


 
 
 #sidenav li img,  #sidenav_kfo li img {
  display:none;
}


#sidenav li li img,
#sidenav_kfo li li img {
  display:none;
}

#sidenav li li li img,
#sidenav_kfo li li li img {
  display:none;
}
 

 

#sidenav li.deeper a, 
#sidenav_kfo li.deeper a {
  /*90b2e0*/ background-color:transparent;
   background-repeat:no-repeat;
   color:inherit;
}

#sidenav li.deeper a, #sidenav_kfo li.deeper a {
     color:inherit;}

#sidenav li.active a, #sidenav_kfo li.active a {
   /*! background-color:#9c1349; */ /*
   background-repeat:no-repeat;*/
   /*! background-color:#9c1349; */
   color: #fff;
}


#sidenav li.active li a, #sidenav_kfo li.active li a {
   /*background-color:#4e8b4f;
   background-repeat:no-repeat;*/
   background-color: transparent;
   color: #111;
}

#sidenav li.current a, #sidenav_kfo li.current a {
	/*! background-color:#9c1349; */
    color: #fff;
	 }
     

#sidenav li li.current a, #sidenav_kfo li li.current a {
	/*! background-color:#9c1349; */
    /*! color: #fff; */
	 }
	 
#sidenav li li.current li a, #sidenav_kfo li li.current li a {
	/*! background-color:#9c1349; */
    /*! color: #fff; */
	 }

ul#sidenav  {
}

ul#sidenav.menu_kfo, ul#sidenav_kfo.menu_kfo  {
	display:none;
}

ul#sidenav li, ul#sidenav_kfo li {
   font-size:12px;
   padding:0;
}

ul#sidenav li a, ul#sidenav_kfo li a {
	background-color:transparent;
	margin: 0px 0px 0px 0px;
    text-decoration:none;
    padding:3px 10px 5px 30px;
    display:flex;
	 align-items: center;
    font-size:13px;	 
	font-weight: 400;
	min-width: 200px;
	/*border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;*/
	text-transform: uppercase;
	color: #111;
	position: relative;
}


ul#sidenav li a:hover, ul#sidenav_kfo li a:hover, ul#sidenav li.active > a, ul#sidenav_kfo li.current a {
	color: #700f36 !important;
}   





ul#sidenav li.active > a::before, ul#sidenav li.current > a::before,
ul#sidenav_kfo li.active > a::before, ul#sidenav_kfo li.current > a::before {
	content:" ";
	display: inline-block;
	background: url(images/circle_navipunkt.png);
	background-repeat:  no-repeat;
	background-size: 25px 25px;
	width:25px;
	height:25px;
	color: #700f36;
	position: absolute;
	left: 0px;
}


ul#sidenav li:hover > a::before, ul#sidenav_kfo li:hover > a::before  {
	content:" ";
	display: inline-block;
	background: url(images/circle_navipunkt_hover.png);
	background-repeat:  no-repeat;
	background-size: 25px 25px;
	width:25px;
	height:25px;
	color: #700f36;
	position: absolute;
	left:0;
}



ul#sidenav li li, ul#sidenav_kfo li li  {
	padding-left: 20px;
}


ul#sidenav li li a, ul#sidenav_kfo li li a {
	/*! border: 1px dotted #9c1349; */
border-radius: 100px;
}


ul#sidenav li li a:hover, ul#sidenav_kfo li li a:hover {
   /*! color: #fff; */
	/*! background-color: #9c1349; */
}

ul#sidenav li li li, ul#sidenav_kfo li li li {
  	margin-top:0px;
   margin-bottom:-1px;
}


ul#sidenav li li li a, ul#sidenav_kfo li li li a {
background-color:transparent;
}


ul#sidenav li li li a:hover, ul#sidenav_kfo li li li a:hover {
}

 
ul#sidenav ul, ul#sidenav ul ul {
display:none;
}


ul#sidenav li.current > ul, ul#sidenav li.active > ul, 
ul#sidenav ul li.active > ul, ul#sidenav ul li.current > ul {
display:block !important;
}

  
 /***BILDERNAVI***max-width: 600px;*/
  
#imgnav_e2, #imgnav_e3 {

margin: 0px auto 30px;
border: 0px solid #ff00ff;
text-align:center;
  list-style:none;  
  list-style-type:none;
}


#imgnav_e2 li, #imgnav_e3 li {
	background: #fff;
	display:inline-block;
	vertical-align:middle;
	padding: 0 0px 0px 0px;
	margin: 0 3% 5% 3%;
	width:200px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #ccc;
	overflow: hidden;
	/*! box-shadow: 0px 0px 10px #999; */
	border-radius: 100%;/**/ 
	-webkit-border-radius: 100%;/**/ 
	-moz-border-radius:100%;
	-o-border-radius: 100%;
	overflow: hidden;
	box-sizing: border-box;
}


#imgnav_e2 li:hover, #imgnav_e3 li:hover, #imgnav_e2 li.current, #imgnav_e3 li.current   {
	border: 1px solid #9c1349;
}


#imgnav_e2 li a, #imgnav_e3 li a {
	  display:block;
	  text-decoration:none;
	  font-size: 12px;
	  font-style: normal;
	  font-weight: normal;
	  color: #333;
	  width:200px;
	  width:20rem;
	  height: 200px;
	  height: 20rem;
	  text-align: center;
	  text-transform: uppercase;
	
}


#imgnav_e2 li a img, #imgnav_e3 li a img {
	width: 200px;
	width:20rem;
	text-align: center;
	transition: all 1s ease-in;
	height: auto;
}



#imgnav_e2 li img:hover, #imgnav_e3 li img:hover {
  transform: scale(1.1);
	position: relative;
	/*! margin: -30px 0px 80px -30px; */
}



#imgnav_e2 .image-title, #imgnav_e3 .image-title {
	position: relative;
	background: rgba(255, 255, 255, 0.3);
	color: #333;
	padding: 5px 20px 50px 15px;
	height: 100%;
	display: block;
	text-align: center;
	margin: -70px auto;
	max-width: 200px;
	line-height: 16px;
	line-height: 1.6rem;
	box-sizing: border-box;
	backdrop-filter: blur(10px);
	transition:all linear 0.5s;
}

#imgnav_e2 li:hover .image-title, #imgnav_e3 li:hover .image-title {
	margin: 0px auto;
}

#imgnav_e2 li.current .image-title, #imgnav_e3 li.current .image-title {
	color: #9c1349;
}


/* LINKS
*********************************************/
A {
    
    /**/color: inherit;
  text-decoration:underline;
  border: 0px solid #ffffff;
}

A:hover{    
    color: #999999;
}


a[href$=".pdf"]:after {
	  content: " \f1c1"; font-family: 'FontAwesome';;
           }

a[href$=".doc"]:after {
      content: " \f1c2"; font-family: 'FontAwesome';
}




/* FONTS
*********************************************/
H1 {
    font-size: 29px;
    font-weight: 300;
	line-height: 150%;
	/*! margin-top: 18px; */
	/*! margin-top: 1.8px; */
    margin-bottom: 10px;
    /*! margin-bottom: 3.6rem; */
    color:#9c1349;
	text-align: left;
}



H2 {
    font-size: 24px;
    font-size:2.rem;
    line-height: 36px;
    line-height: 3.6rem;
    margin-top: 0;
    margin-bottom: 18px;
    margin-bottom: 1.8rem;
    font-weight: normal;
    color:#999;
	}
	
H3 {
    font-size: 22px;
	color:#666;
    font-weight: normal;
    margin: 2px 0px 20px 0px;
}




TABLE.content{
    padding: 0px;
    border: 0px;
    max-width: 700px;
    border-collapse: collapse;
}

/******** ACCORDION J4.0 ********/

.content_accordion  {}

.accordion-item {
	
}


.accordion-item  h2 {
	position: relative;
	color:#fff;
	width: 100%;
	display: flex;
	align-items: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.accordion-item  h2 button {
	position: relative;
	background:#981549 !important;	
	color:#fff;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 5px 25px 5px 10px !important;
	cursor: pointer;
	border-radius: 100px;
	border: 0;
	background: transparent;
	font-size: 14px !important;
	font-weight: 600;
	text-align: left;
	color:#fff;
}

.accordion-item  h2 button[aria-expanded="false"]::after {
	position: absolute;
	right:10px;
	content: "\f067";
	display: inline-block;
  font-size: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.accordion-item  .accordion-collapse {
	opacity: 0;
	transform: scaleY(0);
	height:0;
	transition: all linear 0.5s;
}


.accordion-item.open .accordion-collapse, .accordion-item  .accordion-collapse.show {
	opacity: 1;
	transform: scaleY(1);
	height:auto;
}

.accordion-item h2 button[aria-expanded="true"]::after   {
	position: absolute;
	right:10px;
	content: "\f068";
	display: inline-block;
  font-size: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}


/****** FAQ Links********/



.category-module li

{
list-style-image:url(images/button_faq_grau.png);
margin-left:21px;
}

.mod-articles-category-title
{
text-decoration:none;
}


.category-module li a:hover
{
color:#999999;
}


/*GOOGLEMAPS*/


.gm-style-mtc {margin-top:10px;}

.maps  {margin-top: 200px;}

.mapprint {position:absolute; z-index:9; margin: 25px 120px;}

.mapprint img {background: #fff; border-radius: 100px; padding:3px 3px; box-shadow: 0px 0px 5px #333;}

.gmnoprint {line-height:16px;}


@media print {
	.maps  {margin: 0 auto; width: 100% !important; height: 100% !important;}
}


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


table.dfContactTable tr th
{
  text-align: left;
  }
  
table.dfContactTable a
{
  }
  
  table.dfContactTable tr td
{
  text-align: left;
  }
  
.dfContactInfoText
  { margin-top: 60px;}
  
  
/**********Slideshow**************/

#banners {
	position: relative;
	min-height: 300px;
}

.slideshow, .video  {
	width: 100%;
	margin: 0 0 0px;
	position: relative;
}

.banner  {
	position: relative;
}

.banner p {padding: 0; margin: 0;}


.slideshow .maps  {height: 400px;}

.flexslider {overflow: hidden;}

.slideshow .custom  {overflow: hidden; max-height: 400px; text-align: center;}

.slideshow .custommaps  {overflow: show; max-height: 400px;}

.slideshow .customvideo  {
	position: relative;
	    padding-bottom: 55%;
	    padding-top: 15px;
	    height: 0;
	    overflow: hidden;}

.slideshow .customvideo iframe {   
 		position: absolute;
		z-index: 5 !important;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;}

.slideshow .camera_pag {
	position: absolute;
	bottom: 0px;
	text-transform: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
} 

.flexslider .slides > li {
    max-height: 450px;
}

.flex-direction-nav {
    margin-top: 150px !important;
    position: absolute;
}

.slideshow p {margin: 0px;}


.slideshow .flexslider, .slideshow img, .banner img {
	/*! border-top-left-radius: 25px; */
  /*! border-top-right-radius: 25px; */
	border-bottom-left-radius: 100%;
	border-bottom-right-radius:0%;
}

.slideshow .slider, .slideshow .slider img {
	border-top-left-radius: 0px;
  border-top-right-radius: 0px;
	border-bottom-left-radius: 0%;
	border-bottom-right-radius:0%;
	overflow: hidden;
}

.slideshow .slider:empty {
	display: none;
}

.camera_wrap {
	margin-bottom: 10px !important;
}

.banner img {
	max-width:800px;
	height: auto;
	float: right;
}


.slideshow .custom img {max-width: 960px; width: 100%;}

.slideshow .custommaps img {width: auto;}

.custom .video  {overflow: hidden; max-height: 540px;}

.custom .video iframe {max-width: 960px; width: 100%}



.camera_prev > span, .camera_next > span,
.camera_commands > .camera_stop, .camera_commands > .camera_play{
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	color:#9c1349;
	font-size: 16px;
}

.camera_prev > span::before, .camera_next > span::before,
.camera_commands > .camera_stop::before, .camera_commands > .camera_play::before {
  display:block;
	font-family: "Font Awesome 5 Free";
	font-weight:900;
}

.camera_prev > span::before {
  content:"\f053";
}

.camera_next > span::before {
  content:"\f054";
}

.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(../images/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop::before {
  content:"\f04c";
}

.camera_commands > .camera_play::before {
  content:"\f04b";
}



.camera_wrap .camera_pag .camera_pag_ul {
  display: flex;
}

.camera_wrap .camera_pag .camera_pag_ul li {
	height: 15px;
	width: 15px;
	 display: flex;
	align-items: center;
		justify-content: center;
}

.camera_wrap .camera_pag .camera_pag_ul li > span   {
		left:unset;
	top:unset;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span   {
		background:#9c1349;
}


a#menu-button{ display:none;}
a#menu-button2 { display:none}
a#menu-button-close, a#menu-button2-close { display:none;}


/***GOOGLEMAPS**/

.map {
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	position: relative;
	background-color: #E5E3DF;
	overflow: hidden;
	width: 100% !important;
	}

.gn_clear {clear:none !important;} 

div#mobileconnect {
	display: none;
	}
	
/******Kontaktformular******/
	
.gvalidation-error-tip {
    font-size: 12px;
    border-top-color: #6c0 !important;
    border-right-color: #6c0 !important;
    border-bottom-color: #6c0 !important;
    border-left-color: #6c0 !important;
    background-color: #9c1349 !important;
}


.gvalidation-error-tip .gtooltip-arrow, .gvalidation-error-tip .gtooltip-arrow-top {
    border-top-color: #9c1349 !important;
}


.gvalidation-error-tip .gtooltip-arrow-border, .gvalidation-error-tip .gtooltip-arrow-border-top {
    border-top-color: #6c0 !important;
}

.required_label .fa-asterisk  {
    color: #9c1349 !important;
}
	
/**Newsticker**/

#txmod_40 {
	margin: 50px 0px 50px 0px;
	}
	
#txmod_40 .item h4 {
    font-size: 15px;
    margin: 5px 0px;
    font-weight: normal;
    text-align: center;
}

#txmod_40 .item a {
	overflow: hidden;
	width: 100%;
	height: 200px;
	display: block;
	}
	
#txmod_40 .item a img {
	width: auto;
	max-height: 300px;
	}
	
.txmod_40 a.browse {
	font-family: 'FontAwesome';
	background: none;
	margin: 20% 0px 0px;
	font-size: 20px;
	height: auto;
	width:auto;  
	font-weight: normal;	
	color: #999;
	}
	
.basic_h a.prev {
	text-decoration:none;
}

/**/
.basic_h a.prev:before {
  content: "\f053";
}


.basic_h a.next {
	text-decoration:none;
}
	
.basic_h a.next:before {
  content: "\f054";
}

/***FAQ Accordion***/

.fancypantsaccordionholder .accordion .accordion-item {
    height: auto !important;
    border-bottom: 0px solid #CCC;
    border-top: 0px solid #FFF;
    overflow:visible;
}
	
.inhalt .fancypantsaccordionholder .accordion .accordion-item a.headerlink {
	border-radius: 30px;
	padding: 5px 10px;
	color:#333 !important; 
	border: 1px solid #9c1349 !important; 
	background: transparent; 
	text-decoration: none;
	margin-bottom: 10px;
	line-height: 25px;
	font-size: 15px;
	display: block;
	}
	
.inhalt .fancypantsaccordionholder .accordion .accordion-item a.headerlink:hover, .inhalt .fancypantsaccordionholder .accordion .acc-open a.headerlink {
	background: #9c1349; 
	}
	
.fancypantsaccordionholder .accordion .accordion-item .acc-content {
    padding: 20px;
    max-width: 100%;
}




/**GLOSSAR-OVERLAY**/

#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {
	max-width: 600px;
	width: 100% !important;
	height: auto;
	}
	
#cboxLoadedContent {
	box-sizing:border-box;
	padding: 20px;
	width: 100% !important;
	}
	
#colorbox table td {
	border-bottom: 1px solid #999;
	}


.scrollToTop {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    display: none;
    width: 50px;
    height: 50px;
    background: url('/create_new2/plugins/system/scrolltock/images/arrow_up.png') no-repeat scroll center center rgba(255, 255, 255, 0.7);
}


.scrollToTop:hover {
    text-decoration: none;
}


@media all and (max-width: 960px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {


body {
	background-image: url(images/hg_vali-pursche.png);
	background-color: #fff;
	background-repeat:no-repeat;
	background-position: 30px 300px;
	/**/ background-size: auto;
	}
	
	
.oterminbutton {
	display: none;
  position: fixed;
	right: unset;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
  z-index: 999;
}
	
	.sidenav, #sidenav_kfo {
  height: auto;
}
	
	ul#sidenav  {
		display:none;
}

	
h3 {
  font-size: 18px;
}


.logo {
	margin: 0px 0px; 
	padding: 10px 30px 0px 10px;
	border-top-left-radius: 0;
	background: transparent;
	backdrop-filter: none;
	box-shadow: none;
}
	
	.logo a {
	}



.logo img {width: 150px;}
	
	


	
.otermin {
	display: flex;
  background: #9c1349;
  padding: 5px 10px;
  text-decoration: none;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  width: 120px;
  height: auto;
  text-align: center;
  border-radius: 10px;
  transform: rotate(0deg);
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  line-height: 120%;
  letter-spacing: 0px;
	margin: auto 10px;
	font-size: 14px;
}


/*.slideshow .custommaps .mapprint { display: none; }*/

#container {width:100%; background: rgba(255, 255, 255, 0.7); box-shadow:none; margin: 0px;backdrop-filter: unset;}
	
	.contentbereich {
  margin: 0px 0px 50px;
  display: flex;
  flex-direction: column;
}

header {
	width:100%; 
	margin: 0px;  
	position:fixed !important; 
	background: #fff; 
	min-height: 100px; 
	pointer-events: all;
	height: auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	}
	
	
	.logo a > div h3 {
    font-size: 15px;
  line-height: 150%;
}


a#menu-button, #container header > nav:target a#menu-button-close   {
	float: right;
	/*! margin: 25px 10px 0px; */	
	display: block;
	padding: 25px 0px 0px 30px;
	width: 60px;
	font-weight: 100;
	color: #9c1349;
	height: 100%;
	text-shadow: 0px -1px 2px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.1);
	/*! background: rgba(255,255,255,0.8); */
	border-bottom-left-radius: 100%;
	/*! box-shadow: 0 0 10px rgba(0,0,0,0.2); */
	/*! position: absolute; */
	}
	
	


#container header > nav:target a#menu-button, a#menu-button-close { display:none; }

#container header > nav:target ul#headmenu {position: relative; margin-top: 40px; display: inline-block; background-color:#fff; width: 100%;  box-shadow: none; }

#container header > nav  ul, #container header > nav  ul ul, #container header > nav:target ul ul li 
{display:none; background: #fff;}
	
	
#container header > nav:target ul {display:block; background: #fff; margin-top: 110px;}
	
	
	#container header > nav ul {width:100%}

#container header > nav ul li {
    display:block;
    margin: 0;
  	border-top: 0px solid #ccc;
	width:100%;
	}

#container header > nav ul li a {width: 100%; height: auto; display:block; 	color:#333 !important; border-radius:0px;}
	


	.customhintergrund {display:none;}

	.slideshow, .video {
    margin-top: 200px;
    width: 100%;
    /*! float: right; */
}
	
	
.sidenav, #sidenav_kfo {margin: 0px; background-image:none;width: 100%;display: block;position: sticky !important;top: 100px;z-index: 999;background: #fff;}

#sidenav_kfo {height: auto; min-height: auto; padding: 0;}

.home_button:before, .kfo_button:before, .za_button:before, .imp_button:before, .ort_button:before {
	font-family: "create-icons";
	font-size: 36px;
	padding: 0px 10px;
	}

.home_button, .kfo_button, .za_button, .imp_button, .ort_button {
	background: transparent;
	color: #333 !important;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#container header > nav ul li.current a, #container header > nav ul li.active a {
  color:#fff !important;
}



a:hover.home_button:before, a:hover.kfo_button:before, a:hover.za_button:before, a:hover.imp_button:before, a:hover.ort_button:before
{color: #fff !important;}

#container header > nav ul li.current a, ul#sidenav_kfo li:hover a  {
	background: rgba(152, 21, 73, 0.5) !important; 
	color: #fff !important;
	}

#container header > nav ul li.current a:before
{color: #fff !important;}

#container header > nav ul li a:hover, a.home_button:hover, a.kfo_button:hover, a.za_button:hover, a.imp_button:hover, a.ort_button:hover
{background: #9c1349; color: #fff !important;}


ul#sidenav li.active > a::before, ul#sidenav li.current > a::before,
ul#sidenav_kfo li.active > a::before, ul#sidenav_kfo li.current > a::before {
	background: none;
}	
	
		
ul#sidenav li.current a, ul#sidenav li.active a, ul#sidenav_kfo li.current a, ul#sidenav_kfo li.active a {
  color:#fff !important;
  background:#9c1349 !important;
}
	
	
	ul#sidenav li:hover > a::before, ul#sidenav_kfo li:hover > a::before  {
	background: none;
}
	#banners {
		margin-top: 100px;
	}
	
.slideshow  {margin-top: 0px;}
	
	.slideshow .slider, .slideshow .slider img {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0%;
  overflow:auto;
}
	
	.banner {
}
	
		.banner:empty {
}
	
	.slideshow .flexslider, .slideshow img, .banner img {border-radius: 0 !important;}

.breadcrumbs {display:none;}


.inhalt {padding: 3% !important; max-width: 1024px !important;}

/**Seitennavi**/	

.sidenav  {
	float:none; 
	position: relative;
	min-height: 0px;
	padding: 0;
	}
	
.contentbereich > nav #sidenav.menu, .contentbereich > nav #sidenav_kfo.menu   {
	display:none;
	}
	
.contentbereich > nav a#menu-button2,
	.contentbereich > nav #sidenav  ~ a#menu-button2, .contentbereich > nav:target a#menu-button2-close,
		.contentbereich > nav #sidenav_kfo  ~ #menubutton2 a#menu-button2, .contentbereich > nav:target a#menu-button2-close {
	display:flex;
	align-items: center;
	justify-content: center;
	color: #9c1349;
	padding: 10px 0;
	margin: auto;
	width: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-decoration: none;
	}
	
	

/*.contentbereich > nav #sidenav  ~ a#menu-button2, .contentbereich > nav:target a#menu-button2-close,
	.contentbereich > nav #sidenav_kfo  ~ #menubutton2 a#menu-button2, .contentbereich > nav:target a#menu-button2-close {
	float: left;
	margin: 0px 0px;
	display: block !important;
	padding: 15px 5px;
	font-weight: 300;
	color: #fff;
	height: 100%;
	width: 100%;
	text-shadow: 0px -1px 2px #999, 0px 1px 1px #CCC;
	box-sizing:border-box;
	}*/
	
	#menubutton2, #menubutton2close {
		width: 100%;
	}
	

.contentbereich > nav:target #sidenav.menu_kfo ~ #menubutton2 a#menu-button2 {display:none;}/**/	
.contentbereich > nav ul#sidenav.menu_kfo, .contentbereich > nav:target a#menu-button2 {display: none;  margin: 0px 0px 0px 0px;}
/*.contentbereich > nav:target a#menu-button2-close {margin: 0px 0px 0px 0px;}
.contentbereich > nav:target a#menu-button2-close {display: block;}*/
.contentbereich > nav:target ul#sidenav.menu_kfo  {display: inline-block !important; position: relative; border-bottom: 1px solid #ccc; width: 100%;}
.contentbereich > nav:target ul#sidenav.menu_kfo li a {border: 0px; text-align: left; border-radius: 0; padding: 10px 0 10px 50px ;}
.contentbereich > nav:target ul#sidenav.menu_kfo li a:hover {background: #ccc;}
	
.contentbereich > nav:target #sidenav_kfo.menu_kfo ~ #menubutton2 a#menu-button2 {display:none !important;}/**/	
.contentbereich > nav ul#sidenav_kfo.menu_kfo, .contentbereich > nav:target a#menu-button2 {display: none;  margin: 0px 0px 0px 0px;}
/*.contentbereich > nav:target a#menu-button2-close {margin: 0px 0px 0px 0px;}
.contentbereich > nav:target a#menu-button2-close {display: block;}*/
.contentbereich > nav:target ul#sidenav_kfo.menu_kfo  {display: inline-block !important; position: relative; border-bottom: 1px solid #ccc; width: 100%;background: #fff;}
.contentbereich > nav:target ul#sidenav_kfo.menu_kfo li a {border: 0px; text-align: center; border-radius: 0; padding: 15px 0 15px 0px;justify-content: center;}
.contentbereich > nav:target ul#sidenav_kfo.menu_kfo li a:hover {background: #ccc;}

 .menu_praxis ~ #menu-button2:after, .menu_implant ~ #menu-button2:after,  .menu_kfo ~ #menu-button2:after,  .menu_zahnmed ~ #menu-button2:after,  .menu_implant ~ #menu-button2:after {
	color: #333;
	text-shadow:none;
	text-decoration:none;
	text-transform: uppercase;
}



 .menu_praxis ~ #menu-button2:after {
	content: " Menü Praxis";
}


 .menu_kfo ~ #menu-button2:after {
	/*! content: " Menü Kieferorthopädie"; */
}


 .menu_zahnmed ~ #menu-button2:after {
	content: " Menü Zahnmedizin";
}


 .menu_implant ~ #menu-button2:after {
	content: " Menü Implantologie";
}
	
	
 /***End Sidenavi****/



.txmod_40 a.browse {
	display: none;
	margin: 0px;
	}


#container footer {
	margin-bottom: 0px;
	}

#container footer adress {
padding: 10px 10px;
	}
	
#container .customadress {
    width: 31%;
	padding: 2%;
}
	
.scrollToTop {
    width: 30px;
    height: 30px;
}


}

@media screen and (max-width: 830px) {
.otermin {
	display: none;
}
	
	.oterminbutton {
	display: flex;
  position: fixed;
	right: unset;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
  z-index: 999;
}
}

@media screen and (max-width: 650px) {
	.logo a > div h3 {
	font-size: 12px;
	}
	
	
.logo img {max-width: 100px !important; margin-right: 10px !important;}
	
	#container footer address  {
  flex-direction: column;
  }	
	
		#container footer address > div {
      width: 100% !important;
			margin: 20px 10px;
  }	
	
	
#banners {
	min-height: 200px;
}
	
}



@media screen and (max-width: 480px) {
	
body {
	margin: 0 0 100px; 
	padding:0;   
	font-size: 16px;
    font-size: 1.6rem;
    line-height: 190% !important;
	}
	
		#banners {
		margin-top: 80px;
	}
	
	.oterminbutton {
display:none;
}
	
H1 {
    font-size: 25px !important;
	line-height: 130% !important;
	}


H2 {
    font-size: 20px !important;
	line-height: 36px !important;
}
	
#container {width:100%; background: rgba(255, 255, 255, 0.7); box-shadow:none; margin: 0px 0px 50px; height: auto;}

header {width:100%; top: 0px;left: 0px; max-width: 480px; position:fixed; /*! background: #ffffff; */ min-height: 30px; height:auto; /*! box-shadow: 0px 5px 10px rgba(80, 80, 80, 0.8); */ }

.logo {
	margin: 0px 0px; 
	height: auto; 
	padding: 5px;
	}
	
	.logo a > div h3 {
	font-size: 12px;
	padding: 0 50px 0 0;
	}
	
	
.logo img {margin-right: 10px !important;max-width: 90px !important;}
	
.slideshow  {margin: 70px 0 0 !important;}
	
#container header > nav   {margin: 0px;z-index: 99999999;}
	
	.sidenav, #sidenav_kfo {
		top: 80px;
	}


a#menu-button, #container header > nav:target a#menu-button-close  {
	margin: 0px;
	display: block;
	width: 50px;
	font-weight: 100;
	height: 100%;
	}
	
#container header > nav:target a#menu-button, a#menu-button-close,
#container header > nav:target a#menu-button2, a#menu-button2-close{display:none;}

#container header > nav:target ul#headmenu {position: relative; margin-top: 40px; display: inline-block; background-color:#fff; width: 100%;  box-shadow: none; }

#container header > nav  ul, #container header > nav  ul ul, #container header > nav:target ul ul li {display:none;}


#container header > nav ul li {
    display:block;
    margin: 0;
	}

#container header > nav ul li a {width: 100%; height: auto; padding: 15px 0px;}

.contentbereich {margin: auto; padding: 0; height: auto;}


.slideshow  {margin: 80px 0 0;}

.slideshow img {margin-top: 0;}
	
	.banner  {
		display: flex;
		align-items: center;
		justify-content: center;
    margin-top: 0px !important;
		margin-bottom: 0px !important;
}
	
.banner img {
	display: block;
	width:100%;
  float: none;
}
	
	.banner p {
	margin: 0;
}

.camera_wrap .camera_pag .camera_pag_ul li {
	height: 12px;
	width: 12px;
}

.item-page > img, .item-page p > img {
	max-width:100% !important;
	margin: auto;
	text-align: center;
	float: none;
	display: block;
}
	
 p.img2  {
	display: flex;
	 width: 100%;
}
	
p.img2 img  {
	display: flex;
	 width: 100%;
}

table {max-width: 480px;}

#imgnav_e2 li:hover, #imgnav_e3 li:hover {
	border: 1px solid #9c1349;
}

#imgnav_e2 li img:hover, #imgnav_e3 li img:hover {
	width: 200px;
	margin: 0;
}


.gn_clear {clear:both !important;} 



/**FOOTER**/

#container footer {/*! display:none; */}


body > footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	z-index: 999;
  background: rgba(152, 21, 73, 0.5);
	text-align: center;
	backdrop-filter: blur(10px);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}


div#mobileconnect {
	margin: 0px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	

	div#mobileconnect .oterminbutton {
    display:flex;
		position: relative;
		margin: 5px 5px 5px 5px;
		top:0px;
    left: unset;
    bottom: unset;
    transform: none;
    align-items: center;
    justify-content: center;
}
	
	.oterminbutton a {
  background: #fff;
  padding: 5px 5px;
  text-decoration: none;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
  width: 125px;
  height: auto;
  text-align: center;
  border-radius: 10px;
  transform: rotate(0deg);
  text-transform: uppercase;
  color: #9c1349;
  text-shadow: 0 0 1px rgba(0,0,0,0.03);
  font-weight: bold;
  line-height: 120%;
  letter-spacing: 0px;
	margin: auto;
		font-size: 15px;
}
	
div#mobileconnect a#tel-button, div#mobileconnect a#tel-button-close, div#mobileconnect a#sms-button, div#mobileconnect a#mail-button, div#mobileconnect a#map-button, div#mobileconnect a#sprechz-button, div#mobileconnect a#info-button {
	display: inline-block;
	padding: 0.5%;
	text-shadow: 1px 1px 1px #eee;
	color: #fff;
	font-size: 19px;
	}
	

div#mobileconnect a:hover  {
	color: #9c1349;
	}
	
	
div#mobileconnect .fa-inverse {
  color: #9c1349;
}
	
div#mobileconnect div#tel-field-numbers, div#mobileconnect:target a#tel-button, div#mobileconnect a#tel-button-close {display:none;}


div#mobileconnect:target a#tel-button-close, div#mobileconnect:target a#mail-button {display: inline-block;}

div#mobileconnect:target a#tel-button-close {	
	background: #fff;
	color: #ccc;}
	
div#mobileconnect:target a#tel-button-close	i {
	background: #fff;
	color: #999;
	}

div#mobileconnect:target div#tel-field-numbers {
	position: absolute; 
	display: block; 
	background-color:#fff; 
	width: auto; 
	box-shadow: 0px 0px 10px #999;
	padding: 0px;
	left: 0px; 
	bottom: 50px; 
	z-index: 99; 
	}

div#mobileconnect:target div#tel-field-numbers a {display: block; text-align:left; background:transparent; padding: 10px 15px 12px; text-decoration:none; line-height: 20px;}

div#mobileconnect:target div#tel-field-numbers a:hover {
	background:#ccc; 
	color: #333;
	}

div#mobileconnect:target div#tel-field-numbers a i {
	display:block;
	top: 5px;
	color: #999;
	position: relative;
	bckground:transparent;
	padding: 3px 20px 10px 0px;
	background: transparent;
	float:left;
}


div#mobileconnect:target div#tel-field-numbers a:hover i {
	color: #fff;
	}




/*Newsticker*/


#txmod_40 {
	margin: 50px 0px 70px 0px;
	max-width: 480px;
	height: 250px;
	}

.txmod_40 a.browse {
	display: none;
	margin: 0px;
	}
	
#txmod_40 .pane .item {
    width: 50%;
    overflow: hidden;
}

#txmod_40 .item a {
    overflow: hidden;
    width: 100%;
    height: 160px;
    display: block;
}

#txmod_40 .item a img {
    max-height: 150px;
}



	}





@media screen and (max-width: 420px) {
	
		#banners {
		margin-top: 100px;
	}
	
			.sidenav, #sidenav_kfo {
		top: 99px !important;
	}
}


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


	
}


	

/***Bearbeitungsmodus**	


.edit {
	
	}
	
.edit ul {
	list-style:none;
	}
	
.edit ul li {
	display: inline-block;
	margin-right: 20px;
	}
	
.edit a {
	display: inline-block;
	margin-right: 20px;
	}
	
.hasTooltip strong {background:#fff; position:absolute; z-index: 999; padding: 10px;}*/