/* THEME STYLES */

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

/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Dosis Bold';
  font-style: bold;
  font-weight: 600;
  src: url('../fonts/Dosis-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Dosis-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Dosis-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Dosis-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Dosis-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
      
}


/* INDEX 

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

/* 1. WRAP */

body {
	overflow-x: hidden;
	font-family: 'Dosis', sans-serif;
}


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

footer {
	height: auto;
	
}

#box1, #box11, #box12 {background-color: #c0eae9;
      
     }

#box2, #box10 {background-color: #2697aa;
	
     }

#box4 {background-color: #c0eae9;
      
     }


#box5  {background-color: #2697aa;
	
     }



#box7 {background-color: #c0eae9;
      
     }

#box8 {background-color: #c0eae9;
      
     }



#box9  {background-color: #2697aa;
	
     }

#box13 {background-color: #2697aa;
	
     }


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

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

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

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

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

/**/

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

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

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

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

nav li a,
nav li span {
	font-size: 16px;
	padding-right: 30px;
	font-weight: 600;
	
}

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

nav li a#current {
	color: #c0eae9;
}

nav li span {
	cursor: pointer;
}

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

ul{
	margin-left: 0px;
}

section a {
	font-weight: 600;
}

footer a, #box5 a  {
	color: #ffffff;
}

footer a:hover  {
	color: #61cbc8;
}

#box1 a, #box4 a, #box6 a, #box7 a, #box8 a, #box11 a  {
	color: #00829b;
	font-weight: bold;
}

#box2 a, #box10 a   {
	color: #ffffff;
	font-weight: bold;
}



.bnt-pink a  {
	font-weight: 600;
	color: #e6007e;
	padding-left: 45px;
	background-image: url(../img/pfeil_pink_link.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.bnt-weiss a  {
	font-weight: 600;
	color: #ffffff;
	padding-left: 45px;
	background-image: url(../img/pfeil_weiss_link.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.bnt-gelb a  {
	font-weight: 600;
	color: #ffed00;
	padding-left: 45px;
	background-image: url(../img/pfeil_gelb_link.png);
	background-position: left center;
	background-repeat: no-repeat;
}



a:hover {
	opacity: 0.6;
}

.switch {
	color: #ffffff;
	padding: 5px 10px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
	cursor: pointer;
	background: #61cbc8;
}

.switch a:hover {
	color: #ffffff;
	background: #00829a;
}

/* 3. FOOTER */

.to-top {
	cursor: pointer;
}

.bottom { vertical-align: bottom; }

/* 4. GMAP */

#gmap { 
	height: 100%;
}

#map-canvas {
	height: 100%;
}

.map-marker {
	display: none;
}

/* 5. INPUT */

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

input[type="text"],
input[type="email"],
input[type="phone"] { 
	height: 28px;
	width: 200px;
	background-color: #FFF;
}

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

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

section box1 {
	margin-top: 250px;
}

.atab {
	tab-size:30; 
	white-space: pre;
}