/* special-elite-regular - latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url('http://www.e-mondo.online/fonts/special-elite-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Special Elite Regular'), local('SpecialElite-Regular'),
       url('http://www.e-mondo.online/fonts/special-elite-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://www.e-mondo.online/fonts/special-elite-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://www.e-mondo.online/fonts/special-elite-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('http://www.e-mondo.online/fonts/special-elite-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://www.e-mondo.online/fonts/special-elite-v8-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}

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

body {font-family: Tahoma, Verdana, sans-serif;font-size: 1.0em;color: #fff;margin:0 auto;background: #ffffff;}
header {font-family: 'Abel', sans-serif;margin-left: auto;margin-right:auto;background-color:#fff;padding:0em 0em 0.5em 0em;}
main {font-family: 'Abel', sans-serif;color:#fff;line-height: 1.5em;}
footer {font-family: 'Abel', sans-serif;max-width:100%;font-size:0.9em;color:#000000;padding:.0em;margin-left: auto;margin-right:auto;background-color:#f2eed5;}

.nav {width:86%;color:#000000;font-size:1.1em;padding: 1.0em 0em 0em 0em;margin: 0em 0em 0em -4em;background-color:#ffffff;}
.nav li {display:block;float:left;padding: 0em 1.5em 0em 0em;}

.subnav {color:#000000;font-size:1.0em; padding: 0.0em 0em 0em 0em;margin: 0em 0em 2.0em 0em; background-color:#fff; font-weight:normal; font-family: 'Abel', sans-serif;}
.subnav li {display:inline; float:left; padding: 0.3em 0.75em 0.3em 0.75em; border: 2px solid #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; background:#eee;}

h1 {font-family: 'Abel', sans-serif;margin-left: 0em;margin-right:auto;padding: 0em 0em 0em 0em;font-size: 1.5em;color:#000000;}
h2 {font-family: 'Special Elite', sans-serif;margin: 1em auto 1em auto;color:#525151;font-size:1.2em;text-shadow: 4px 4px 4px #aaa;}  
h3 {margin: 1em auto 1em auto;color:#3c3b3c;font-size:1.2em;font-weight:normal;}  
h5 {margin-left: auto;margin-right:auto;color:#ffffff;font-size:1em;font-weight: bold;}

a {text-decoration: none;color: #bda64a;font-weight:bold;outline:none;}
a:hover {text-decoration: none;color: #998b51;font-weight:bold;text-decoration:underline;outline:none;}

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {text-decoration: none;color:black;cursor:default;}

#topimg {background-color: #eeeeee;padding: 0em;width:100%;}
#topimg img {width:100%;}

#wrap-1-twocoltop { display:flex; float: left; background-color: #eeeeee; color:#000000; font-size:1.4em; line-height:1.2em; margin-bottom:0.0em;}
#wrap-2-twocoltop { float: left;}
#spalte-l-twocoltop { float: left; width:66%; padding:2%;}
#spalte-r-twocoltop { float: left; width:27%; padding:2%;}
#spalte-r-twocoltop img {width:85%; margin-top:4em;}

#breadcrumb  {margin-left:-2.4em;margin-bottom:2.0em;font-size: 0.8em;color:#000000;}
#breadcrumb li {display:inline;}

#wrap-1-threecolmain { display:flex; float: left; background-color: #eeeeee; color:#000000; font-size:1.3em; line-height:1.2em; margin-bottom:0.0em;}
#wrap-2-threecolmain { float: left;}
#wrap-3-threecolmain { float: left;}
#spalte-l-threecolmain { float: left; width:31%; padding:1%; background-color: white; margin:0.5em; box-shadow: 5px 5px 5px #ccc;}
#spalte-l-threecolmain img { width:70%;}
#spalte-m-threecolmain { float: left; width:31%; padding:1%; background-color: white; margin:0.5em; box-shadow: 5px 5px 5px #ccc;}
#spalte-m-threecolmain img { width:70%;}
#spalte-r-threecolmain { float: left; width:31%; padding:1%; background-color: white;margin:0.5em; box-shadow: 5px 5px 5px #ccc;}
#spalte-r-threecolmain img { width:70%;}

#threecolwhitelinks  {line-height:1.3em;padding:10px;}
#threecolwhitelinks li {list-style: none;margin: 0.5em 3.0em 0.5em 2.0em; line-height:1.3em; padding-left:10px; background-color: #eeeeee; box-shadow: 5px 5px 5px #ccc; text-align:center; }

#treecolimg-headline { background-color:#000000; color:#ffffff; font-size:1.5em; line-height:2.0em; margin:0.0em 0.0em 0.0em 0.0em; text-align:center;}
#treecolimg-headline h2 { color:#ffffff; margin:0.0em; font-size:1.1em; text-shadow: 4px 4px 4px #747373;}

#wrap-1-threecolimg { display:flex; float: left; background-color:#000000; color:#ffffff; font-size:1.3em; line-height:1.1em; margin:0.0em; padding:0.0em 2.0em 0.0em 2.0em;}
#wrap-1-threecolimg img { box-shadow: 6px 6px 15px #3f3f3e; width:96%;}
#wrap-2-threecolimg { float: left;}
#wrap-3-threecolimg { float: left;}
#spalte-l-threecolimg { float: left; width:31%; padding:0.0em 2.0em 0.0em 2.0em; margin:0.0em 0.5em 0.0em 0.5em; text-align:center;}
#spalte-m-threecolimg { float: left; width:31%; padding:0.0em 2.0em 0.0em 2.0em; margin:0.0em 0.5em 0.0em 0.5em; text-align:center;}
#spalte-r-threecolimg { float: left; width:31%; padding:0.0em 2.0em 0.0em 2.0em; margin:0.0em 0.5em 0.0em 0.5em; text-align:center;}

#wrap-1-twocolmain { display:flex; float: left; background-color: #eeeeee; color:#000000; font-size:1.3em; line-height:1.2em; margin-bottom:0.0em;}
#wrap-2-twocolmain { float: left;}
#spalte-l-twocolmain { float: left; width:45%; padding:2%; background-color: white; margin:1%; box-shadow: 5px 5px 5px #ccc;}
#spalte-r-twocolmain { float: left; width:45%; padding:2%;background-color: white;margin:1%; box-shadow: 5px 5px 5px #ccc;}
#spalte-l-twocolmain img { width:90%;}
#spalte-r-twocolmain img { width:90%;}

#wrap-1-twocolmap { display:flex; float: left; background-color: #eeeeee; color:#000000; font-size:1.2em; line-height:1.2em; margin-bottom:0.0em;}
#wrap-2-twocolmap { float: left;}
#spalte-l-twocolmap { float: left; width:50%; padding:2%; margin:1.0em 0.5em 0.75em 1.0em; background-color:#ffffff; box-shadow: 5px 5px 5px #ccc; }
#spalte-r-twocolmap { float: left; width:42%; padding:2%; margin:1.0em 1.5em 0.75em 0.5em; background-color:#ffffff; box-shadow: 5px 5px 5px #ccc; }
#map {position: relative;padding-bottom: 75%;height: 0;overflow: hidden;text-align:center;line-height:1.2em; margin: 0em auto 0em auto;}
#map iframe{position: absolute; top: 0; left: 0; width:95% !important; height:95% !important; padding:1em;}

#wrap-1-threecolbottom { display:flex; float: left; background-color: white; color:#000000; font-size:1.1em; line-height:1.2em; width:100%; min-height:170px;}
#wrap-2-threecolbottom { float: left; width:100%;}
#wrap-3-threecolbottom { float: left; width:100%;}
#spalte-l-threecolbottom { float: left; width:33%; padding:1%; background-color: #eeeeee; margin:0.5%; box-shadow: 5px 5px 5px #ccc;}
#spalte-m-threecolbottom { float: left; width:33%; padding:1%; background-color: #eeeeee; margin:0.5%; box-shadow: 5px 5px 5px #ccc;}
#spalte-r-threecolbottom { float: left; width:33%; padding:1%;background-color: #eeeeee; margin:0.5%; box-shadow: 5px 5px 5px #ccc;}
#spalte-m-threecolbottom img { width:30%; float:left;}

#mapad { padding:2%; display:none;}
#footerad {display:block; width:98%; margin-top:0.5em; padding:1em; background-color:#eeeeee;}
#footeradmobile {display:none; width:98%; margin-top:0.5em; padding:1em; background-color:#eeeeee;}

@media screen and (max-width:1400px){
#mapad { padding: 3%; display:block; }
#footerad {display:block; width:98%; margin-top:0.5em; padding:1em; background-color:#eeeeee;}
#footeradmobile {display:none; width:98%; margin-top:0.5em; padding:1em; background-color:#eeeeee;}
}

@media screen and (max-width:960px){
 
img{ max-width: 100%;margin: 0 !important; }
h1{margin-bottom: 1em; font-size:1.2em;display:block;}
h2{margin-bottom: 1em;font-size:1.0em; display:block;}
.top li {display:inline;float:none;}
.nav {font-size:0.8em;margin: 0em 0em -3em 1em;}
.nav li {display:block;float:none;font-size:1.5em;line-height:1.2em;}

footer{margin-left: auto; margin-right: auto;width: 100%;}
    
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {color:#b20026;}

#wrap-1-twocoltop { display: block; float: none; width:100%; margin:auto; }
#wrap-2-twocoltop { float: none;width:100%;}
#spalte-l-twocoltop { float: none;width:90%; margin-left:auto; margin-right:auto;}
#spalte-r-twocoltop { float: none;width:90%; margin-left:auto; margin-right:auto;}
#spalte-r-twocoltop img {width:90%;}
#topimg {width:100%;}
#topimg img {width:100%;}

#wrap-1-twocolmain { display:block; float: none; width:100%; margin:auto;}
#wrap-2-twocolmain { float: none; width:100%;}
#wrap-3-twocolmain { float: none; width:100%;}
#spalte-l-twocolmain { float: none; width:90%; margin:1em; auto; 1em; auto;}
#spalte-m-twocolmain { float: none; width:90%; margin:1em; auto; 1em; auto;}
#spalte-r-twocolmain { float: none; width:90%; margin:1em; auto; 1em; auto;}

#wrap-1-threecolmain { display:block; float: none; width:100%; margin:auto; padding-top:0.5em; padding-bottom:0.5em;}
#wrap-2-threecolmain { float: none; width:100%;}
#wrap-3-threecolmain { float: none; width:100%;}
#spalte-l-threecolmain { float: none; width:90%; margin:1em; auto; 1em; auto; }
#spalte-m-threecolmain { float: none; width:90%; margin:1em; auto; 1em; auto;}
#spalte-r-threecolmain { float: none; width:90%; margin:1em; auto; 1em; auto;}

#threecolwhitelinks  {line-height:1.3em;margin-left:-2em;}
#threecolwhitelinks li {margin: 0.5em 0.5em 0.5em 0.5em; padding:0.3em;}

#wrap-1-threecolimg { display:block; float: none; background-color:#000000; color:#ffffff; font-size:1.3em; line-height:1.1em; margin:auto; padding:0.0em;}
#wrap-1-threecolimg img { box-shadow: 6px 6px 15px #3f3f3e;margin:0em; padding:0em;}
#wrap-2-threecolimg { float: none; margin:0em; padding:0em; background-color:#000000;}
#wrap-3-threecolimg { float: none;margin:0em; padding:0em; background-color:#000000; width:100%}
#spalte-l-threecolimg { float: none; width:92%; text-align:center;padding:0.5em;margin:auto;}
#spalte-m-threecolimg { float: none; width:92%; text-align:center;padding:0.5em;margin:auto;}
#spalte-r-threecolimg { float: none; width:92%; text-align:center;padding:0.5em;margin:auto;}
#wrap-1-threecolimg img { width:90%;margin:0em; padding:0.0em;}
#treecolimg-headline { width:100%;background-color:#000000; color:#ffffff; font-size:1.0em; line-height:1.0em; margin:0.0em; padding-top:1em; text-align:center;}
#treecolimg-headline h2 { padding:2.0em;}

#wrap-1-twocolmap { display:block; float: none; background-color:#eeeeee; color:#000000; font-size:1.2em; line-height:1.2em; width:98%; margin:0em; padding:0.5em;}
#wrap-2-twocolmap { float: none;width:98%; margin:0em; padding:1.0em 0em 2.0em 0em;}
#spalte-l-twocolmap { float: none; width:88%; padding:2%; margin:0.5em 0.5em 0.5em 0.5em; background-color:#ffffff; box-shadow: 5px 5px 5px #ccc; }
#spalte-r-twocolmap { float: none; width:88%; padding:2%; margin:0.5em 0.5em 0.5em 0.5em; background-color:#ffffff; box-shadow: 5px 5px 5px #ccc; }
#mapad { padding:2%; display: block; }
#map {position: relative;padding-bottom: 75%;height: 0;overflow: hidden;text-align:center;line-height:1.2em; margin: 1em auto 1em auto;}
#map iframe{position: absolute; top: 0; left: 0; width:90% !important; height:90% !important; padding:1em;}

#wrap-1-threecolbottom { display:block; float: none; width:96%;margin:auto;}
#wrap-2-threecolbottom { float: none; width:100%;}
#wrap-3-threecolbottom { float: none; width:100%; margin-top:0.5em;}
#spalte-l-threecolbottom { float: none; width:90%; margin:1em; auto; 1em; auto;}
#spalte-m-threecolbottom { float: none; width:90%; margin:1em; auto; 1em; auto; min-height:120px;}
#spalte-r-threecolbottom { float: none; width:90%; margin:1em; auto; 1em; auto;}
#spalte-m-threecolbottom img {width:15%; float:left;}

#footerad {display:none; width:98%; margin-top:0.5em; padding:1em; background-color:#eeeeee;}
#footeradmobile {display:block; width:98%; margin-top:0.5em; padding:1em; background-color:#eeeeee; height:50px;}
#mapad { margin-left:-0.75em; padding: 0%; display:block; }
      
}