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

	Kinderarztpraxis Dr. med. Alexandra Kern - Dekor Labor 2020

    blue #00385a;
	yellow #f6aa41
	red #e6432e
	black #000000
		
	green #62ab3f
	strong red #dd3044
		
#############*/

/*general #####################################################################################*/
@font-face {font-family:Nunito;font-weight:normal;src:url(../fonts/Nunito/Nunito-Regular.ttf) format("truetype");}
@font-face {font-family:Yanone;font-weight:normal;src:url(../fonts/Yanone/YanoneKaffeesatz-Regular.ttf) format("truetype");}

body {font-family: Nunito, Arial, Helvetica, sans-serif;background:#fff;color:white;font-size: 16px;font-weight:normal;}

*{margin:0;padding:0;}

html {scroll-behavior: smooth;}

h1,h3,h5 {font-weight:normal;color:#f6aa41;padding:10px 0 10px 0; font-family: Yanone, sans-serif;line-height:1.1em;}
h2,h4,h6 {font-weight:normal;color:#e6432e;padding:10px 0 10px 0; font-family: Yanone, sans-serif;line-height:1.1em;}

h1,h2 {font-size:45px;}
h3,h4 {font-size:35px;}
h5,h6 {font-size:25px;}

p {padding:5px 0 15px 0;line-height:1.5em;}
ul {padding:15px 0 25px 0;line-height:1.5em;}
ul li {margin-left:35px;}
img {width:100%;}

.txt-right {text-align: right;}
.txt-center {text-align: center;}

table td {padding-right:15px;}

/*map-link #####################################################################################*/



/*all #####################################################################################*/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}
.left {float:left;}
.right {float:right;}

.part-b {width:100%;background-color:#00385a;padding:50px 0 50px 0;color:#fff;}
.part-bb {width:100%;background-color:#00385a;padding:50px 0 50px 0;color:white;}
.part-w  {width:100%;background-color:#fff;padding:50px 0 50px 0;color:#00385a;}

.part-b-o {width:100%;background-color:#00385a;padding:0 0 0 0;color:white;}
.part-bb-o {width:100%;background-color:#2D7AAD;padding:0 0 0 0;color:white;}
.part-w-o  {width:100%;background-color:#fff;padding:0 0 0 0;color:#00385a;}

.inside {max-width:1200px;margin:0px auto;overflow:hidden;}
.inside-m {max-width:1400px;margin:0px auto;overflow:hidden;}
.inside-w {max-width:100%;margin:0px auto;overflow:hidden;}

.separation {width:100%;overflow:hidden;}
.separation img {width:110%;margin-left:-7px;margin-bottom:-7px;margin-top:-1px;}

.box {display:block;text-align:center;}


/*Links/Buttons ######################*/
.mainnav a {margin-left:10px;text-decoration:none;}
.mainnav  a:link, .mainnav  a:visited {text-decoration:none;color:#00385a;transition: 0.3s;}
.mainnav  a:hover,.mainnav  a:active, .mainnav  a.active  {color:#f6aa41;transition: 0.3s;}


.part-b a, .part-b a:link, .part-b a:visited,.part-bb a, .part-bb a:link, .part-bb a:visited, .part-b-o a, .part-b-o a:link, .part-b-o a:visited,.part-bb-o a, .part-bb-o a:link, .part-bb-o a:visited {text-decoration:underline;color:white;transition: 0.3s;}
.part-w a, .part-w a:link, .part-w a:visited, .part-w-o a, .part-w-o a:link, .part-w-o a:visited {text-decoration:underline;color:#00385a;transition: 0.3s;}

.part-b a:hover, .part-b a:active, .part-b a.active, .part-bb a:hover, .part-bb a:active, .part-bb a.active, .part-w a:hover, .part-w a:active, .part-w a.active,
.part-b-o a:hover, .part-b-o a:active, .part-b-o a.active, .part-bb-o a:hover, .part-bb-o a:active, .part-bb-o a.active, .part-w-o a:hover, .part-w-o a:active, .part-w-o a.active{color:#b90054;transition: 0.3s;}

.footnav  a:link, .footnav  a:visited {text-decoration:none;color:white;transition: 0.3s;}
.footnav  a:hover, .footnav  a:active, .footnav  a.active  {color:#f6aa41;transition: 0.3s;}

a#navBtn-o {background:#f6aa41;color:white;transition:0.3s;text-decoration:none;cursor:pointer;border-radius: 30px 30px;}
a#navBtn-o:hover {background:#e6632e;color:white;transform: rotate(360deg);}
a#navBtn-c {background:#f6aa41;padding:14px 15px 14px 15px;color:white;font-size:15px;transition:0.3s;text-decoration:none;cursor:pointer;border-radius: 30px 30px;}
a#navBtn-c:hover {background:#e6632e;color:white;}

a#topBtn {display:block;position:fixed;bottom:14px;right:14px;z-index:999;border-radius: 30px 30px;display:none;background:#00597a;padding:13px 14px 13px 14px;color:white;font-size:12px;transition:0.3s;text-decoration:none;}
a#topBtn:hover {background:#e6632e;color:white;}

#meetBtn {background:#f6aa41;color:white;transition:0.3s;text-decoration:none;cursor:pointer;border-radius: 30px 30px;}
#meetBtn:hover {background:#e6632e;color:white;}


a.meet, .meet {background:#e6432e;color:white;transition:0.3s;border-radius: 30px 30px;padding:14px;text-decoration:none !important;}
a.meet:hover, .meet:hover {background:#e6632e;color:white !important;cursor:pointer;}
a.meet i, .meet i {margin-right:10px;}

/*Infoboxen Slider RSS etc.######################*/
.alert {font-weight: bold;color:white;background:#e6432e;border-radius: 30px 30px;}
.alert-txt {color:#b90054;font-weight:bold;}

#slideshow {position:relative;}
#slideshow img {position:absolute;height:100%;width:auto; right:0;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

.pic-top {position:relative;}
.pic-frame {width:100%;height:100%;position:absolute;z-index:11;top:0;}
.pic-frame img {width:100%;height:100%;}


/*Header ######################*/
#header {width:100%;z-index:101;background:rgba(255, 255, 255, 0.9);}
#logo:hover {opacity:0.9;transition: 0.3s;}
.nbr {}


/*Container ######################*/
.team img {border-radius:50%;}
.praxis img {border-radius:10px 20px 40px 80px;}

/*Footer ######################*/
#footer  {}
#logofoot {width:200px;height:60px;display:block;background-image:url("../files/dr.alexandra.kern-logo-foot.png");background-repeat:no-repeat;background-size:200px auto;transition: 0.3s;}
#logofoot:hover {opacity:0.7;transition: 0.3s;}
.footnav a {margin-right:15px;font-size:18px;color:#005B98;}
.footnav {margin-bottom:15px;}
.copy{font-size:15px;margin-bottom:25px;}




/*RESTER ######################
box-shadow:0px 10px 10px rgba(0, 0, 0, 0.2);*/