/* Google Font */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src:
		local('Roboto Thin'),
		local('Roboto-Thin'),
		/* from https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzI.woff2 */
		url('font/Roboto_100.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src:
		local('Roboto Light'),
		local('Roboto-Light'),
		/* from https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2 */
		url('font/Roboto_300.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 100;
	src:
		local('Roboto Thin Italic'),
		local('Roboto-ThinItalic'),
		/* from https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2 */
		url('font/Roboto_100italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src:
		local('Roboto Light Italic'),
		local('Roboto-LightItalic'),
		/* from https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2 */
		url('font/Roboto_300italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src:
		local('Roboto'),
		local('Roboto-Regular'),
		/* from https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2 */
		url('font/Roboto_400.woff2') format('woff2');
}



/************************************************
*	Global										*
************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
sub {vertical-align: sub;}
sup {vertical-align: super;}

/************************************************
*	Cookie Banner										*
************************************************/


#cookiedingsbums a, #cookiedingsbums a:hover {color:#fff; text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums h3 {color:#fff; font-weight:400; font-size:16px;}

#cookiedingsbums { 
	
  background:rgba(121,170,181,0.8);
   position:fixed;
   display:block; text-align:left;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff;
   position:fixed; text-align:center;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:auto;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

/************************************************
*	Content										*
************************************************/



body {
	background: #ffffff;
	color: #989898;
	font-size: 14px; font-weight:300; 
	font-family: Roboto, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	}
	
a:link, a:visited, a:hover  {color:#989898; text-decoration:underline; font-weight:300;}
a:hover {text-decoration:none;}

b, strong {font-weight:400;}

h1 {font-size:20px; color:#447f8c; font-weight:100; margin:0 0 20px 0;}
h3 {margin:0 0 10px 0;}
input, textarea {width:100%; height:auto; background: #ffffff; color: #989898; font-size: 14px; font-weight:300; 	font-family: Roboto, Arial, Helvetica, sans-serif; border:#ccc solid 1px; padding:3px;}
textarea {height:150px;}

.content {display:block; position:relative; width:100%; height:auto; float:left;}

.cont_table {display:table; position:relative; float:left; width:100%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tr {display:table-row;  width:100%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.td {display:table-cell;  width:100%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; padding:5%; background-color:#FFF; font-size:14px;}
.gruen {background-color:#79aab5; color:#FFF;}
.grau {background-color:#e5e5e5; color:#666666;}

.gruen a:link, .gruen a:visited, .gruen a:hover  {color:#fff; text-decoration:underline; font-weight:300;}
.grau a:link, .grau a:visited, .grau a:hover  {color:#666666; text-decoration:underline; font-weight:300;}
.grau a:hover, .gruen a:hover {text-decoration:none;}

.gruen h1 {color:#fff;}
.grau h1 {color:#666666;}

.td li {padding: 0 0 5px 10px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-image:url(../img/pf_li_3.png); background-position:0px 6px; background-repeat:no-repeat; margin:0 0 10px 0;}

.gruen li {background-image:url(../img/pf_li_1.png);}
.grau li {background-image:url(../img/pf_li_2.png);}

p {padding-bottom:20px;}

/************************************************
*	Parallax										*
************************************************/
#bild_cont {position:fixed; width:100%; height:auto; display:block; overflow:hidden;}	
.bild_paralax_v {display:block; overflow:hidden; position:absolute; left:0px; top:0px; width:100%; height:auto;}
.bild_paralax {width:100%; height:auto; position:absolute; left:0px; top:0px; display:block; padding:0; margin:0;}
.bild_paralax img {width:auto; height:100%; padding:0; margin:0;}
#pic2, #pic3, #pic4, #pic5, #pic6, #pic7, #pic8, #pic9, #pic10, #pic11 {display:none;}

.loch {display:block; position:relative; width:100%; height:auto; float:left;}
.loch img {width:100%; height:auto;}

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


/* menu */

#kopf, .mail_header {position:fixed; width:100%; height:80px; color:#989898; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; text-align:center; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;}
.logo_mobil, .mail_logo {display:block; width:255px; height:80px; margin:0 auto; position:relative; background-image:url(../img/logo.svg); background-repeat:no-repeat; background-size:auto 70px; background-position:center 5px; cursor:pointer;}
#logo {display:none;}

.mail_content {width:96%; position:relative; float:left; height:auto; margin:100px 2% 0 2%; font-size:16px; text-align:center;}

.menu_btn {display:block; width:31px; height:31px; position:absolute; top:25px; left:100%; margin-left:-41px; cursor:pointer;}

#menu_m { display:block; position:absolute; width:180px; top:80px; height:auto; padding:15px; text-align:left; background:rgba(255,255,255,0.8); left:100%; margin-left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.main-nav { display:none;}

.current-menu-item {color:#447f8c; text-decoration:none; font-weight:400;}
#menu_m .menu {display:block; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; position:relative; float:left;}
#menu_m .menu li  {display:block; font-size:16px; line-height:auto; padding:3px 0px; width:180px; height:auto;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}


/* Team */
.Team_rund, .Arzt_rund, .Praxis_bild {display:block; width:100%; text-align:center; position:relative; float:left; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:10px 0;}
.Team_rund_bild, .Arzt_rund_bild {width:260px; height:260px; overflow:hidden; display:block; margin:0 auto; position:relative; -webkit-border-radius:130px; border-radius:130px;}
.Team_rund_bild img, .Arzt_rund_bild img {width:100%; height:100%;}
.Team_rund p {text-align:center; display:block; position:relative; height:auto; width:100%; margin:10px 0 0 0; padding:0;}

.Arzt_tr, .Praxis_tr, .td_kontakt, .tr_kontakt {display:block; width:100%; position:relative; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.Arzt_txt, .Praxis_txt {display:block; width:100%; position:relative; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:10px 0;}
.Praxis_bild img {width:auto;}

.td_Sprechzeiten_1 {display:table-cell; width:35%;}
.td_Sprechzeiten_2 {display:table-cell; width:65%;}

#Senden {border:#ccc solid 1px; width:auto; cursor:pointer; background-color:#79aab5; color:#FFF; padding:3px 6px; -webkit-border-radius:10px; border-radius: 10px;}

.antwort {display:block; padding:3px 0; width:100%;}
.mail_error { color:#ff0308; }
#captcha_image_audio_controls img {width:24px; height:24px;}
.contact_td a img {width:24px; height:24px; }
#captcha_image {width:auto; height:auto;}

.td_kontakt_FB {display:block; width:60px; height:180px; position:fixed; top:0px; left:100%; margin:0 0 0 -60px; color:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:200; padding:5px 0;}
.block_tel, .block_mail, .block_info {display:none;}
.btn_tel, .btn_mail, .btn_info {background:rgba(86,139,151,0.8); background-image:url(../img/tel.svg); background-repeat:no-repeat; background-position:center center; background-size:30px auto; display:block; width:50px; height:50px; -webkit-border-radius:25px; border-radius:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:5px; cursor:pointer; /*background-color:#79aab5;*/}
.btn_mail {background-image:url(../img/mail.svg); background-size:25px auto; margin-top:5px;}
.btn_info {background-image:url(../img/info.svg); background-size:auto 35px; margin-top:5px;}


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


@media only screen and (min-width: 769px) {
	h1 {font-size:30px;}
	.td {padding:5% 15%; font-size:16px;}
	.mail_content {font-size:18px;}
	/* Team */
	.Team_rund {display:inline-block; width:49%; margin:0 0 40px 0;}
	.Team_rund p {margin:15px 0 0 0;}
	
}


@media only screen and (min-width: 1000px) {
	h1 {font-size:36px;}
	input, textarea {font-size:16px; width:95%;}
	.td {padding:5%; font-size:18px;}
 	.td li {background-position:0px 10px; padding: 0 0 5px 20px;}
		
	/* Team */
	
	
	.Arzt_tr, .Praxis_tr, .tr_kontakt  {display:table-row;}
	.Arzt_rund, .Praxis_bild {display:table-cell; width:40%; text-align:left;}
	.Arzt_txt, .Praxis_txt {display:table-cell; width:60%; }
	.Arzt_txt {padding-top:20px;}
	.td_kontakt {display:table-cell; width:50%;}
	
	/* menu */
	#kopf, .mail_header {height:100px; padding:0 20px; font-size:18px;}
	#logo {display:inline-block; float:left; width:300px; height:100px; margin:0; position:relative; background-image:url(../img/logo.svg); background-repeat:no-repeat; cursor:pointer; background-size:auto 80px; background-position:left 10px;}		 	
	.logo_mobil, .menu_btn, #menu_m {display:none;}
	
	.mail_logo {width:300px; height:100px; margin:0; background-size:auto 80px; background-position:left 10px;}
	.mail_content {margin:120px 2% 0 2%; font-size:20px;}
	
	.main-nav {display:block; position:relative; float:right; background:none; width:auto; height:100px; margin:0; padding:0px 20px 0 0; background:rgba(255,255,255,0.8); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.main-nav .menu {display:inline-block; width:auto; height:100%; position:relative; float:right; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0;}
	.main-nav .menu li {display:inline-block; position:relative; float:left; width:auto; height:100%; margin:0 2px; border-bottom:none;  padding:40px 5px 0 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
	.main-nav .menu .current-menu-item, .main-nav .menu .current-menu-item:hover {border-bottom:#79aab5 solid 4px; }
	.main-nav .menu li:hover {border-bottom:#e5e5e5 solid 4px;}
	
	.btn_tel, .btn_mail, .btn_info {display:none;}
	
.td_kontakt_FB {width:220px; height:auto; top:0px; left:100%; margin:0 0 0 -230px; padding:10px 0; }
.block_tel, .block_mail, .block_info {background:rgba(86,139,151,0.8); background-image:url(../img/tel.svg); background-repeat:no-repeat; background-position:15px center; background-size:30px auto; display:block; width:auto; height:50px; -webkit-border-radius:25px; border-radius:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:5px 20px 5px 60px; font-size:14px; line-height:40px; min-height:50px; /*background-color:#79aab5;*/ text-align:right;}
.block_tel {width:185px; margin-left:35px;}
.block_mail {background-image:url(../img/mail.svg); cursor:pointer; margin-top:5px;}
.block_info {background-image:url(../img/info.svg); cursor:pointer; margin-top:5px; width:145px; margin-left:75px; background-size:auto 37px;  padding:5px 20px 5px 50px; background-position:20px center;}

}


@media only screen and (min-width: 1600px) {
h1 {font-size:40px;}
.td {padding:5% 20%; font-size:20px;}
input, textarea {font-size:18px; width:80%;}

#kopf, .mail_header {height:120px; padding:0 100px; font-size:18px;}
#logo, .mail_logo {width:350px; height:120px; margin:0; background-size:auto 100px; background-position:left 10px;}
.mail_content {margin:140px 2% 0 2%; font-size:24px;}
.main-nav {height:120px; margin:0; padding:0;}
.main-nav .menu li {padding:50px 10px 0 10px;}
	
.Arzt_rund, .Praxis_bild  {width:350px;}

}