/* 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 {max-width:100%;font-size:0.9em;color:#000000;padding:.0em;margin-left: auto;margin-right:auto;background-color:#f2eed5;}

.breadcrumb {width:88%;color:#000000;font-size:0.8em;background-color:#ffffff;}
.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;}
.top  {margin-left:-3.0em;font-size: 0.8em;color:#000000;}
.top li {display:inline;}

h1 {font-family: 'Abel', sans-serif;margin-left: 2em;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;}

#topheadline {background-color: #f3f3f3; padding: 0.1em 0em 0.1em 0em;margin:0px;}
#topimg {background-color:#dddddd;padding: 0em;}
#topimg img {width:100%;}
#intro {font-size:1.4em; margin-top:-3.0em; color:#000000; padding: 2.0em 7.0em 2.0em 7.0em; line-height:1.3em; text-align: center;background-color:#dddddd;}

#wrap-1-twocoltop { display:flex; float: left; background-color: #dddddd; 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;}

#wrap-1-threecolmain { display:flex; float: left; background-color: #dddddd; 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-m-threecolmain { float: left; width:31%; padding:1%; background-color: white; margin:0.5em; box-shadow: 5px 5px 5px #ccc;}
#spalte-r-threecolmain { float: left; width:31%; padding:1%; background-color: white;margin:0.5em; box-shadow: 5px 5px 5px #ccc;}
#threecolwhitelinks  {line-height:1.3em;padding:10px;}
#threecolwhitelinks li {list-style: none;margin: 0.5em 3.0em 0.5em 2.0em;line-height:1.2em;padding-left:10px;background-color: #eeeeee;box-shadow: 5px 5px 5px #ccc;text-align:center;}

#wrap-1-twocolmain { display:flex; float: left; background-color: #dddddd; 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-threecolbottom { display:flex; float: left; background-color: white; color:#000000; font-size:1.1em; line-height:1.2em; width:100%;}
#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;}

#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.3em; display:block; }
h2{ font-size:1.0em; }
footer{ margin-left: auto; margin-right: auto; width: 100%;}

.nav {font-size:0.8em;margin: 0em 0em -3em 1em;}
.nav li {display:block;float:none;font-size:1.5em;line-height:1.2em;}
.top li {display:inline;float:none;}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {color:#b20026;}

#topheadline {}
#topimg {background-color:#dddddd;padding: 0em; margin:0em auto 0em auto;}
#topimg img {width:100%;}
#intro {font-size:1.2em; color:#000000; padding: 1.0em 1.0em 1.0em 1.0em; line-height:1.2em; text-align: center; background-color:#dddddd; margin:0.0em auto 0em auto;} 
    
#wrap-1-twocoltop { display: block; float: none; width:96%; margin:auto;}
#wrap-2-twocoltop { float: none;width:96%; margin:auto;}
#spalte-l-twocoltop { float: none;width:96%; margin:auto;}
#spalte-r-twocoltop { float: none;width:96%; margin:auto;}
#spalte-r-twocoltop img {width:90%;}

#wrap-1-twocolmain { display:block; float: none; width:100%; padding:0.5em; 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:96%; padding:0.5em; margin:auto;}
#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-threecolbottom { display:block; float: none; width:96%;margin:auto;}
#wrap-2-threecolbottom { float: none; width:100%;}
#wrap-3-threecolbottom { float: none; width:100%;}
#spalte-l-threecolbottom { float: none; width:90%; margin:1em; auto; 1em; auto;}
#spalte-m-threecolbottom { float: none; width:90%; margin:1em; auto; 1em; auto;}
#spalte-r-threecolbottom { float: none; width:90%; margin:1em; auto; 1em; auto;}

#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; }  
    
}