/* THEME STYLES */

/* Look on css/framework.css to edit the classes of the theme */
/* Below are present only some common classes */

/* INDEX 

   1. WRAP 
   2. HEADER
   3. FOOTER
   4. GMAP
   5. INPUT
   
*/

/* 1. WRAP */

body {
	overflow-x: hidden;
}

section, header, footer {
	width: 100%;
	clear: both;
}

#mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9999;
}



/* sections IDs */
/* use these ids to edit some elements in the sections 

   #header {} #wall {} #intro {} #blog {} #callout {} #clients {} #counters {} #features {} #parallax {}
   #map {} #portfolio {} #gallery {} #quotes {} #services {} #team {} #price {}  #countdown {} #widgets {} #footer {}
   
*/

/* 2. HEADER */

header {
	z-index: 999;
}

/* social menu */
.social-m li {
	display: inline-block;
}

/* main menu */
.main-m li {
	display: inline-block;
}

/* main2 menu */
.main2-m li {
	display: inline-block;
}


/* portfolio menu */
.filter-m li {
	display: inline-block;
}

/* mobile menu */
.mob-m li {
	display: list-item;
}

/**/

.social-m li i {
	line-height: 70px !important;
	font-size: 24px;
}

nav li a:hover i {
	color: #fff;
}

.main-m li i {
	font-size: 20px;
	padding-right: 10px;
	font-weight: 400;
}

.main-m ul li a:hover, .main-m ul li a.current {
	color: #e53139;

}

.mega-m ul li {
	font-size: 10px !important;
}	

nav li a,
nav li span {
	font-size: 20px;
	padding-left: 30px;
	font-weight: 400;
	font-family: 'Josefin Sans', serif;
	
}

nav li i:hover,
nav li a:hover,
nav li span:hover {
	color: #e53139;
}

nav li span {
	cursor: pointer;
}

em {
	font-weight: 600;
	font-style: normal;
	color: #e53139;
}

section .praxis li {margin-bottom: 20px;}

section .werdegang li {margin-bottom: 0px;}

.link-white a {
	color: #ffffff;
}

.link-blue a {
	color: #90acbb;
}

.link-rosa a {
	color: #ead5d3;
}




#kontakt a {
	color: #90acbb;
}

#footer a {
	color: #90acbb;
}

.neuro_icon {
	position: absolute;
	z-index: -10;
background-image: url("../img/k2neurologie_icon_hg.png");
	background-position: left;
	background-repeat: no-repeat;
	height: 800px;
	width: 800px;
	margin-top: -200px;
}

.neuro_icon2 {
	position: absolute;
	z-index: -10;
background-image: url("../img/k2neurologie_icon_hg2.png");
	background-position: left;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	margin-top: -100px;
}

.neuro_icon3 {
	position: absolute;
	z-index: -10;
background-image: url("../img/k2neurologie_icon_hg2.png");
	margin-left: 30%;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	margin-top: 500px;
}

.neuro_icon4 {
	position: absolute;
	z-index: -10;
background-image: url("../img/k2neurologie_icon_hg2.png");
	
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	margin-top: -500px;
}

section a:hover {
	opacity: 0.6;
}

.switch {
	color: #ffffff;;
	padding: 0 15px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
	cursor: pointer;
	background: #90acbb;
}

.switch:hover, #footer a:hover, #footer a#current {
	color: #d6b8b7;
	
}

/* 3. FOOTER */

.to-top {
	cursor: pointer;
}

/* 4. GMAP */

#gmap { 
	height: 100%;
}

#map-canvas {
	height: 100%;
}

.map-marker {
	display: none;
}

/* 5. INPUT */

input, textarea, select {
	padding: 10px;
}

input[type="text"],
input[type="email"],
input[type="phone"] { 
	height: 50px;
	border-style: solid;
	border-width: 2px;
	background-color: transparent;
}

input[type="submit"],
input[type="reset"] {
	height: 50px;
}

textarea {
	height: 100px;
	max-height: 200px;
	border-style: solid;
	border-width: 2px;
	background-color: transparent;
}