@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/wave_new.png), url(images/hg_create_square-new_5.jpg);
	  background-color: ;
	background-repeat:no-repeat, no-repeat;
	background-position: -180px 0px, 0 0;
	 background-size: 1920px 1440px,  cover;
	 background-attachment:fixed, fixed;*/
	 
	 /*
	background-image: url(images/hg_hinrichs_1.jpg), url(images/braun_hg_2.png);
	background-repeat: no-repeat, no-repeat;
	background-position:  -50px -200px, right bottom;
	background-attachment: fixed;
	background-size: 1080px auto, 20%;
	background-color: #fff;
	 */
	 
	/*! background-image: url(images/hg_hinrichs_2.jpg); */
	background-repeat: no-repeat;
	background-position: -160px -50px;
	background-attachment: fixed;
	background-size: 400px auto;
	background-color: #fff;
 	margin-left: 0px;
  	margin-top: 0px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
  	color: #222222;
  	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  	overflow-x: hidden;
	height:100%;
}

.wave {
	background-image: url(images/wave_new_hinrichs.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -320px 0px;
	background-size: 1800px auto;
	background-attachment:fixed;
	width: 100%;
	height: auto;
	position:absolute;
	top:0px;
	}
	


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

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


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

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

img {border:0;}

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

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;
  }
  
.chrono_credits a {font-size: 10px; color:#999;}


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


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


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


/*INFO-STOERER*/

.info_stoerer {
	display:none;
	padding: 30px;
	width: 95%;
	height: auto;
	max-width: 700px;
	max-height: max-content;
	background:rgba(255,255,255,1.0);
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	z-index: 99999;
}

.info_stoerer .close {
	padding: 20px;
	font-size: 30px;
	color:#999;
	position:absolute;
	cursor: pointer;
	right: 0px;
	top:0px;
}

.info_stoerer.show {display:block;}




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


#container {
    /*max-width: 900px;  976px
	width: 100%;*/
    text-align: left;
  	height: auto;
  	min-height: 890px;
  	border:0px solid #fff;
	box-sizing: border-box;
	margin: 0px 0 0 165px;	
	width: 100%;
		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 */
		}
		
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

header {
	float:left;
	margin: 130px 0px 0px -50px;
}

.logo {
	height: auto;
}


.logo a {
	margin: 20px 0px 30px 50px;
	background: url(../images/logo_drbraun.png) no-repeat;
	width:230px;
	height: 200px;
	display:block;
	text-decoration:none;
}

.logo .custom_logo {
	
}

#headermenu {
	/*margin: 30px auto 0px 300px;
 	position:absolute;*/
	border-top: 0px solid #ccc; 
	border-bottom: 0px solid #ccc;
	margin: 30px auto;
	width:100%;
	text-align:center;
	}

	
.contentbereich {
  box-sizing: border-box;
  max-width: 900px;
}
	
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.ticker  {
	margin: 10px 0px 20px -20px;
	width: 250px;
	padding: 30px 30px 30px 30px;
	border: 0px solid #ccc;
	background:url(images/notiz.png) no-repeat 0px 0px / auto 100%;
	height: 200px;
	}
	
.ticker h3 {
		font-family: 'Shadows Into Light Two', cursive;
		letter-spacing: 1px;
	}
	
.ticker a {
		text-decoration: none;
	}
	
.ticker a:after {
		content: " \f105";
		font-family: 'FontAwesome';
		text-decoration: none;
		border: 1px solid #333;
		border-radius: 100px;
		padding: 0px 4px 0px 2px;
		display: inline;
		margin-left: 10px;
	}

	

.inhalt {
	float:left;
	height: auto;
	padding: 0% 5% 5%;
	box-sizing:border-box;
	width: 100%;
	max-width: 600px;
	min-height: 500px;
}


.blog {width: 100%;}



.item-page, .blog {
	margin-top: 0px;
	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;		
}

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


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


.inhalt .flexslider .slides img {
	width: auto !important;
	max-width: 100%;
	margin: 0 auto;
	}
	
.inhalt .item-page .flex-direction-nav a {top: 50% !important;}

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


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


.inhalt .flexslider .slides > li {
	padding: 0;
	margin: 0;
}


.inhalt .sigplus-gallery .boxplus-slider {}
.inhalt .sigplus-gallery .boxplus-slider .boxplus-viewport {}
.inhalt .sigplus-gallery .boxplus-slider .boxplus-viewport li {}

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


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

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

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

#container footer ul li {
  display: inline-block;
  margin: 0px 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;
  }
  
#container footer address  {
	display: block;
	padding: 10px 0px;
	margin: auto;
	width: 100%;
	border-bottom: 0px solid #ccc;
	box-sizing:border-box;
	border-top: 1px solid #99cc33;
	border-bottom: 1px solid #99cc33;
  }

  
#container address > div {
	display: inline-table;
	width: 33%;
	box-sizing:border-box;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 18px;
	line-height: 1.8rem;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 10px;
	font-style: normal;
  }
  
#container address > div  h4 {
	font-weight: normal;
	font-size: 20px;
	font-size: 1.5rem;
	line-height: 24px;
	line-height: 2.4rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
	margin-top: 0px;
	color: #9C0;
	font-family: 'Shadows Into Light Two', cursive;
	letter-spacing:1px;
	  }
  
#container address > div  p {
	color: #555;
  }
  
  
#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: 12px;
	font-size: 1.2rem;
	}

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

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

h4 {margin-bottom: 2px;}






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


.display-limit {
 display:none;
}


#container .stickylogo {display:none;}

@media all and (min-width: 901px) {
/*#container.stuck .stickylogo {display:block; float:left;}

#container.stuck .stickylogo img {width: 150px;}

#container.stuck #headermenu {
	position: fixed;
	z-index:9; 
	top:0; 
	background: transparent; 
	max-width: 1024px; 
	margin: 0px auto; 
	border-top: 0;
			animation: fadein 0.75s ease-in-out;
    -moz-animation: fadein 0.75s ease-in-out; 
    -webkit-animation: fadein 0.75s ease-in-out; 
    -o-animation: fadein 0.75s ease-in-out; 
		}
		
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

#container.stuck .slideshow, #container.stuck .video {}

#headmenu .stuck > nav li a {}*/
}




ul#headmenu {
  list-style:none;
  list-style-image:none;
      margin: 0 auto;
	  display:none;
  }
  
  
ul#headmenu li a img {
  display: none;
}


ul#headmenu li:hover li a {
  color:#999;
  border: 0px solid #000;
}



ul#headmenu li:hover li a {
  color:#000;
}


ul#headmenu li:hover li.current a {
  
}

ul#headmenu li {
    display: inline-block;
    margin: 0 0 0 0px;
	width:auto; /*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; */
}





ul#headmenu li a {
  display:block;
  padding: 20px;
  text-decoration: none;
  font-size:12px;
  text-transform:uppercase;
  color: #000;
  font-weight: 400;
  text-align: center;
  width: auto;
  min-width:100px;/**/
  letter-spacing: 1px;
  border: 1px solid transparent;
  box-sizing:border-box;
}




ul#headmenu li a:hover  {
  color:#999;
  background:transparent;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  /*box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);*/
}

ul#headmenu  li.current a, ul#headmenu  li.active li.current a, ul#headmenu li.active a {
  color:#999;
  background:transparent;
  border-bottom: 3px solid #99cc33;
}


ul#headmenu  li.current li a, ul#headmenu  li.active li a, ul#headmenu  li.active li.current li a, ul#headmenu  li.active li.active li a {
  color:#000;
  background:#fff;
}


ul#headmenu  li li a:hover, ul#headmenu  li.active li.current a:hover, ul#headmenu  li.active li.active a:hover, ul#headmenu  li.active li.active li.current a:hover {
  color:#000;
  background:#99cc33;
  
}

ul#headmenu li.active li.active a, ul#headmenu  li.active li.active li.current a {
	 color:#000;
	 background:#ccc;
	 border:0;
	}


ul#headmenu  li a:hover {
  color:#000;
}



/*
.home_button:before, .kfo_button:before, .za_button:before, .imp_button:before, .ort_button:before {
	font-family: "create-icons";
	color: #fff;
	font-size: 64px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.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***/

ul#headmenu ul {
  display: none;
  margin-top: 0px;
  background: #fff;
  position: absolute;
  box-shadow: 0px 5px 10px rgba(10, 10, 10, 0.3);
  z-index:99999;
}


ul#headmenu li:hover ul {
  display: block;
}

ul#headmenu ul li {
  display: block;
  margin: 0;
  width: auto;
  background: #fff;
}


ul#headmenu ul li a {
  display: block;
  width: auto;
  padding: 10px 20px;
}


ul#headmenu li ul li:hover a {
  color:#000;
  background: #99cc33;
  border: 0px;
}



/***Ebene 3***/

ul#headmenu ul ul {
	margin-left: 100%;
	margin-top: -44px;
	width: auto;
}

ul#headmenu li:hover ul ul {
  display: none;
  position:absolute;
}


ul#headmenu ul li:hover ul {
  display: block;
}

ul#headmenu li ul li:hover ul li a {
  background: #fff;
}
ul#headmenu li ul li:hover ul li a:hover {
  background: #99cc33;
}





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

.breadcrumbs {
    display: none;
	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: #99cc33;
  }

.showHere {
  }


#headmenu img {
  display:none;
  }


  
 /***NAVIGATION***/
 
 .sidenav {
    float:left;
	width: auto;
    margin: 0px 0px 0px 0px;
}
 
 
 #sidenav li img {
  display:none;
}


#sidenav li li img {
  display:none;
}

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

 

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

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

#sidenav li.active a {
   /*background-color:#4e8b4f;
   background-repeat:no-repeat;*/
   background-color:#99cc33;
   color: #fff;
}


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

#sidenav li.current a {
	background-color:#99cc33;
    color: #fff;
	 }
     

#sidenav li li.current a {
	background-color:#99cc33;
    color: #fff;
	 }
	 
#sidenav li li.current li a {
	background-color:#99cc33;
    color: #fff;
	 }
	 
#sidenav li li li.current a {
	background-color:#99cc33;
    color: #fff;
	 }
	 
	 
#sidenav li li.active li a {
	background-color:#fff;
    color: inherit;
	 }
	 
#sidenav li.active li.active a {
	background-color:#99cc33;
    color: #fff;
	 }
	 
#sidenav li.active li.active li a {
	background-color:#fff;
    color: inherit;
	 }
	 
#sidenav li li li.active a {
	background-color:#99cc33;
    color: #fff;
	 }
	 
#sidenav li li.active li.current a {
	background-color:#99cc33;
    color: #fff;
	 }	 
	 

ul#sidenav  {
}

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

ul#sidenav li a {
	background-color:transparent;
	margin: 0px 0px 10px 0px;
    text-decoration:none;
    padding:3px 10px 3px 10px;
    display:block;
    font-size:13px;	 
	font-weight: 600;
	border-top: 1px dotted #99cc33;
	border-right: 1px dotted #99cc33;
	border-bottom: 1px dotted #99cc33;
	border-bottom-right-radius: 100px;
	border-top-right-radius: 100px;
	min-width: 200px;
	/*border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;*/
}


ul#sidenav li a:hover {
	background-color:#99cc33;
    display:block;
	color: #fff;
}   



ul#sidenav li li  {
	padding-left: 30px;
}


ul#sidenav li li a {
	border: 1px dotted #99cc33;
border-radius: 100px;
}


ul#sidenav li li a:hover {
   color: #fff;
	background-color: #99cc33;
}

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


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


ul#sidenav li li li a:hover {
}

 

  
 /***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 1.5% 5% 1.5%;
	width:200px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #fff;
	overflow: hidden;
	box-shadow: 0px 0px 20px #ddd;
	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 #99cc33;
}


#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 {
	width: 250px;
	width: 25rem;
	position: relative;
	margin: -30px 0px 80px -30px;
}



#imgnav_e2 .image-title, #imgnav_e3 .image-title {
	position: relative;
	background: rgba(255, 255, 255, 0.8);
	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;
}

#imgnav_e2 li.current .image-title, #imgnav_e3 li.current .image-title {
	color: #99cc33;
}


/* 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: 39px;
	font-size: 3.9rem;
    font-weight: 300;
	line-height: 64px;
	line-height: 6.4rem;
	margin-top: 18px;
	margin-top: 1.8px;
    margin-bottom: 3.6px;
    margin-bottom: 3.6rem;
    color:#99cc33;
	text-align: left;
	font-family: 'Shadows Into Light Two', cursive;
	/*font-family: 'Comfortaa', cursive;*/
	letter-spacing:1px;
}

.item-pagestartpage h1 {
	text-align: center;
	}

#cboxContent h1 {display:none;}


H2 {
    font-size: 27px;
    font-size:2.7rem;
    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: 21px;
	font-size: 2.1rem;
	line-height: 30px;
    line-height: 3.0rem;
	color:#666;
    font-weight: normal;
    margin: 2px 0px 20px 0px;
}




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


/****** 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*/

.slideshow .gm-style-cc + div.gmnoprint {line-height:16px; left: 160px !important; top: 80px !important;  background:#f0f;}

.slideshow .gm-style-cc + div.gmnoprint div.gmnoprint div[title*='Kli'] {height: 70px !important;}

.slideshow .mapprint {position:absolute; z-index:9; margin: 30px 100px;}

.mapprint {position:absolute; z-index:9; margin: 30px 100px;}

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

.slideshow .gm-style-mtc {margin-top:50px; top: 20px !important;}

.gm-style-mtc {left:auto; top: 20px !important; right: 0px !important;}

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


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

.slideshow, .video  {
	margin-top: -120px;
	margin-left: 270px;
    margin-bottom: 0px;
    width: 800px;
    overflow: hidden;
    border-bottom-right-radius: 700px 500px;
    border-bottom-left-radius: 700px 500px;
	box-shadow: -25px 0px 0px #99cc33;
}

.slideshow .flexslider .slides > li {
height: auto /*400px*/;
}

.slideshow .flexslider .slides img {
    width: 100%;
    display: block;
	border-bottom-right-radius: 700px 450px;
    border-bottom-left-radius: 700px 500px;
}

.slideshow video  {
    width: 100%;
	height:auto;
}


.slideshow .map {
	margin-top:30px;
	border-bottom-right-radius: 700px 450px;
    border-bottom-left-radius: 700px 500px;
	}

.maps  {
	margin-top: 0px;
	}

.slideshow .maps  {height: 300px !important;}

.slideshow .flexslider { border: 0px solid #f0f;}

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

.slideshow .custommaps  {overflow: show;}

.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 p { margin: 0px; padding:0;}

.slideshow img { margin-top: 80px;}

.slideshow .custom img { width: 100%;}

.slideshow .custommaps img {width: auto;}

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

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

.flex-control-nav {
    bottom: 10px;
}

@media screen and (min-width: 1441px) {
	
	body {
	background-position:  -60px top;
	background-size: 425px auto;
}
	

	.wave {background-position: -255px 0px; background-size: 2000px auto; }
	
	#container {margin: 0 0 0 285px;}
	
	#container.stuck #headermenu {max-width: 1250px;}
	
	header {margin: 130px 0px 0px -30px;}
	
	.contentbereich {
  box-sizing: border-box;
  max-width: 1030px;
	}
		
	header {left:300px;}
	
	.slideshow, .video {
		width:900px;  
		margin-left: 300px;  
		border-bottom-right-radius: 600px 450px;
		border-bottom-left-radius: 750px 500px;
	}
	
	.slideshow .flexslider .slides img {
	border-bottom-right-radius: 600px 500px;
    border-bottom-left-radius: 750px 500px;
}
	
	/*.inhalt {max-width: 700px !important;}*/
	.slideshow .map {
	border-bottom-right-radius: 600px 450px;
    border-bottom-left-radius: 750px 500px;
	}
	
	.slideshow video  {
    width: 80%;
	height:auto;
}

.inhalt {
	max-width: 650px;
}

}


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

.flex-direction-nav a {
	bottom: 45%;
	top: auto !important;
	}

.slideshow .flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 400px;
}

.slideshow .flex-direction-nav .flex-prev {
    left: 400px;
}

.slideshow .flex-next {
    opacity: 1;
    right: 300px;
}

.slideshow .flexslider:hover .flex-next {
    opacity: 0.8;
    right: 300px;
}


.slideshow .flex-direction-nav .flex-next {opacity:0;}

}

.flex-caption {
    width: 100%;
    padding: 1% 2%;
    margin: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7);
    color: #555;
    text-shadow: none;
    font-size: 12px;
    line-height: 18px;
  	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	letter-spacing: 1px;
  }

/***GOOGLEMAPS***/


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

.map {
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	position: relative;
	background-color: #E5E3DF;
	overflow: hidden;
	width: 100% !important;
	}
	
.item-page .map {
	width: 1100px !important;
	max-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: #99cc33 !important;
}


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


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

.required_label .fa-asterisk  {
    color: #99cc33 !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 #99cc33 !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: #99cc33; 
	}
	
.fancypantsaccordionholder .accordion .accordion-item .acc-content {
	padding: 20px;
	width: auto;
	box-sizing: border-box;
	}




/**GLOSSAR-OVERLAY**/

#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {
	max-width: 800px;
	width: 100% !important;
	height: auto;
	}
	
#cboxLoadedContent {
	box-sizing:border-box;
	padding: 20px;
	width: 100% !important;
	}
	
#colorbox table td {
	border-bottom: 1px solid #999;
	}
	
#colorbox .item-page {
	margin: 0px auto;
	text-align: left;
	width: 300px;
	}




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


body {
	background-image: none;
	background-color: #fff;
	background-repeat:no-repeat;
	background-position: 30px 300px;
	/**/ background-size: auto;
	}
	
.wave {	background-image: none;}



header {width:100%; top: 0px;left: 0px; position:fixed; background: #ffffff; min-height: 30px; height:85px; box-shadow: 0px 5px 10px rgba(80, 80, 80, 0.8); z-index: 999; margin: 0px; }

#headermenu {float:none; max-width: 100%; position:fixed; top:2%; right:0; z-index:99999; border: 0px; margin:0px; }

ul#headmenu {max-width:100%;}

.logo {margin: 10px; height: auto; float:left; height: 150px; overflow: hidden;}

.logo img {width:180px}


.logo a {
	margin:0;
	background: url(../images/logo_drbraun_mobil.png) no-repeat;
	background-size: 100%;
}

#sidemenu {display: none;}

.slideshow  {margin: 85px 0 0px 0; width:auto; max-width: 100%; height: auto; border-radius: 0;}

.slideshow .map {border-radius: 0px; margin-top: 0px;}

.slideshow img {border-radius: 0px; margin-top: 0px;}


.slideshow .flexslider .slides img {border-radius: 0px; margin-top: 0px;}

.flexslider .slides img  {border-radius: 0; margin-top:0px;}


#container {width:100%; background: rgba(255, 255, 255, 0.7); box-shadow:none; margin: 0px; animation:none;}

.contentbereich {
    max-width: 100%;
}

.sidenav {margin: 0px 0px 20px;}

#headermenu a#menu-button, #headermenu:target a#menu-button-close  {
	float: right;
	margin: 0px;
	display: block;
	padding: 10px;
	width: 60px;
	font-weight: 100;
	color: #fff;
	height: 100%;
	text-shadow: 0px -1px 2px #999, 0px 1px 1px #CCC;
	}

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

#headermenu:target ul#headmenu {position: relative; margin-top: 0px; display: inline-block; background-color:#fff; width: 100%; border-bottom: 1px solid #666; box-shadow: none; }

ul#headmenu {display:none; background: #fff;}

ul#headmenu ul, #headermenu:target ul#headmenu ul ul li {display:block; background: #fff; position: relative; width: 100%;  box-shadow: none;}


#headermenu:target ul#headmenu ul li a {padding: 20px 0px 20px 50px;}

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

ul#headmenu li a {width: 100%; height: auto; display:block;text-align: left; border:0}


ul#headmenu li.current a, ul#headmenu li.active li.current a, ul#headmenu li.active a {
    border-bottom: 0px solid #99cc33; 
}


.home_button:before, .kfo_button:before, .za_button:before, .imp_button:before, .ort_button:before {
	font-family: "create-icons";
	color: #333;
	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;
	}
	
ul#headmenu  li.current a {
  color:#fff;
}



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

ul#headmenu li.current a 
{background: #ccc; color: #fff !important;}

ul#headmenu li.current a:before
{color: #fff !important;}

ul#headmenu li a:hover, a.home_button:hover, a.kfo_button:hover, a.za_button:hover, a.imp_button:hover, a.ort_button:hover
{background: #99cc33; color: #fff !important;}




ul#headmenu li a:hover li
{background: #99cc33; color: #333 !important;}


ul#headmenu li.current li a
{background: #fff; color: #333 !important;}


.contentbereich {margin-top: 0px;}


.inhalt {max-width: 100% !important;}

.breadcrumbs {display:none;}

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


#container footer {	
	}

#container footer adress {padding-bottom: 50px;}

#container .customadress {
	width: 31%;
	padding: 2%;
	}
	
#container footer ul {
	border-top: 1px solid #ccc;
	position:fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	}	
	
.inhalt .sigplus-gallery .boxplus-slider .boxplus-viewport li a img {/*width:100% !important;height: auto !important;min-width:300px;*/ max-width: 500px;  max-height:333px; }

	
/**GOOGLEMAPS**/
	
.slideshow .gm-style-cc + div.gmnoprint {right: 0px !important; top: 0px !important;}

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

.mapprint {display:none; }

/*GOOGLEMAPS*/

.slideshow .gm-style-cc + div.gmnoprint {left: 20px !important; top: 20px !important;  background:#f0f;}

.slideshow .gm-style-cc + div.gmnoprint div.gmnoprint div[title*='Kli'] {height: 150px !important;}

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


	
/**Seitennavi**/	

.sidenav  {
	float:none; 
	position: relative;
	}
	
.contentbereich > nav.sidenav a#menu-button {
	display:none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

.contentbereich > nav #sidenav  ~ a#menu-button, .contentbereich > nav:target a#menu-button-close   {
	float: left;
	margin: 0px 0px;
	display: block;
	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;
	}
	

.contentbereich > nav:target #sidenav  ~ a#menu-button {display:none;}/**/	

.contentbereich > nav ul#sidenav, .contentbereich > nav:target a#menu-button {display: none;  margin: 0px 0px 0px 0px;  }
.contentbereich > nav:target a#menu-button-close {margin: 100px 0px 0px 0px;}
.contentbereich > nav:target a#menu-button-close {display: block;}
.contentbereich > nav:target ul#sidenav  {display: inline-block !important; position: relative; border-bottom: 1px solid #ccc; width: 100%;}
.contentbereich > nav:target ul#sidenav li a {border: 0px; text-align: left; border-radius: 0; padding: 10px 0 10px 50px ;}
.contentbereich > nav:target ul#sidenav li a:hover {background: #ccc;}

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



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


 .menu_kfo ~ #menu-button:after {
	content: " Menü Kieferorthopädie";
}


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


 .menu_implant ~ #menu-button:after {
	content: " Menü Implantologie";
}




/**Inhalte**/
.inhalt {float:none; max-width: 100%;}
}





@media screen and (max-width: 480px) {
	
body {
	background-size: 1000px; 
	margin: 0; 
	padding:0;   
	font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;}
	
	
.info_stoerer {
	max-width: 300px;
	max-height: 100%;
	position:fixed;
	top:0;
	left:50%;
	transform: translate(-50%, 0);
	overflow-Y: scroll;
}


	
#container {width:100%; background: rgba(255, 255, 255, 0.7); box-shadow:none; margin: 0px; height: auto;}

header { }

.logo {margin: 5px;}

.logo img {width: 180px;}

#headermenu { top:3%; }


ul#headmenu    {margin: 0px}

#headermenu a#menu-button, ul#headmenu :target a#menu-button-close   {
	float: right;
	margin: 0px;
	display: block;
	padding: 0px 0px;
	width: 50px;
	font-weight: 100;
	color: #fff;
	height: 100%;
	text-shadow: 0px -1px 2px #999, 0px 1px 1px #CCC;
	}
	
ul#headmenu :target a#menu-button, a#menu-button-close {display:none;}

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

ul#headmenu ul, ul#headmenu ul ul, ul#headmenu:target ul ul li {display:none;}

ul#headmenu:target ul, ul#headmenu:target ul li {display:block;}


ul#headmenu li {
    display:block;
    margin: 0;
	}

ul#headmenu li a {width: 100%; height: auto; padding: 20px;}

.contentbereich {margin: auto; padding: 5% 5%; height: auto;}


.slideshow  {margin-top: 85px;}

.slideshow img {margin-top: 0px;}

.flex-caption {position:relative; }

.flex-control-nav {display:none;}

.flexslider .slides > li {}


H1
 {
    font-size: 30px;
	font-size: 3.0rem;
	line-height: 48px;
	line-height: 4.8rem;
}


H2 {
    font-size: 20px;
	font-size: 2.0rem;
	line-height: 36px;
	line-height: 3.6rem;
}

H3 {
    font-size: 18px;
	font-size: 1.8rem;
	line-height: 36px;
	line-height: 3.6rem;
}


table {max-width: 480px;}

#imgnav_e2 li:hover, #imgnav_e3 li:hover {
	border: 1px solid #99cc33;
}

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


.gn_clear {clear:both !important;} 



/*** Sigplus-Gallery*/

div.sigplus-gallery, .boxplus-viewport, .boxplus-slider, .sigplus-center {width: 100% !important;}


 div.sigplus-gallery ul > li {width: auto !important;}

/*.inhalt .sigplus-gallery .boxplus-slider .boxplus-viewport li a img {width:100% !important; min-width:300px; height: auto !important; max-width: 500px;}*/

.inhalt .sigplus-gallery .boxplus-slider .boxplus-viewport li a img {
    width: 300px !important;
    height: auto !important;
}

/**FOOTER**/

#container footer {display:none;}


body > .wave > footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	background: rgba(255, 255, 255, 1.0);
	text-align: center;
	z-index:99;
	}


div#mobileconnect {
	margin: 0px auto;
	display: block;
	padding: 5px 0px;
	}
	
	
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;
	color: #fff;
	font-size: 25px;
	width: 25px;
	height: 25px;
	background: #99cc33;
	border: 0px solid #999;
	border-radius: 100%;
	margin-right:2%;
	padding:8px;
	}
	
div#mobileconnect a:hover {
	background: #ccc !important;
	color: #fff;
	}
	
div#mobileconnect a:hover i {
	/*background: #fff;
	color: #999;*/
	}
	
	
div#mobileconnect .fa-inverse {
  color: #aaa;
}
	
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;
	}

/*Team Table*/

table {width: 300px;}

table tr td img {width: 120px; height: auto;}

table tr td {font-size:13px; line-height: 20px; vertical-align:top;}



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



	}
	

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