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

/* ### 1) Basics ############################################################ */

html{height:100%;margin:0;padding:0;}
* {margin:0;padding:0;border:none;} /* Everything */
body {font:normal 98% Adamina,Arial,serif;color:#000;
background: #771227 url(page_bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='page_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='page_bg.jpg', sizingMethod='scale')";
}

.full {float:left;width:100%;}
.mobile {display:none;}
.desktop {display:block;}

/* ### 2) Text Basics ############################################################ */
p {font-size:1em;margin-bottom:1em;}
.widget p {font-size:0.8em;}
p.small,p.info {font-size:0.7em;color:#999;}
p.redbg {background:#7f1d36;padding:0.4em;font-size:0.8em;color:#fff;}
a {text-decoration:none;color:#1e549e;}
a:hover {text-decoration:underline;}
a:visited {color:#1e549e;}
blockquote {font-size:1.3em;color:#8e836e;margin-bottom:1em;font-weight:normal;}
h1 {font-size:2em;color:#0a4e6f;;margin-bottom:0.5em;font-weight:normal;}
h2 {font-size:1.7em;color:#645a45;margin-bottom:0.5em;font-weight:normal;}
h3 {font-size:1.2em;margin-bottom:1em;}
h4 {font-size:1.1em;margin:1em 0;margin-bottom:1em;}
h5,h6 {font-size:1em;}

/* ### 2) Aufbau der Struktur ############################################################ */
#wrapper {width:100%;max-width:1000px;margin:0 auto;}
#page{float:left;width:100%;margin:0;padding:0;box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow:0px 0px 5px #000;-o-box-shadow:0px 0px 5px #000;background: #ece6da url(content_bg.jpg);}
header#page_head {float:left;width:100%;height:auto;margin:0;}

.muster {float:left;width:100%;height:20px;margin:0;background:url(muster.png) repeat-x;}
#image {position:relative;float:left;margin:1em 0 0 0;padding:0;background:#f6f4ea;width:100%;}
#content {float:left;width:98%;margin:1em 1%;}
#artikel {float:left;width:48%;margin:0 1%;}
.sidebar {float:left;width:23%;margin:0 1%;padding:0;}
.colored {background: #ece6da url(inner_bg.jpg);}
.widget {float:left;width:90%;margin:0 0 1em 0;padding:5% 5% 1% 5%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-khtml-border-radius:10px;}
footer#page_foot {float:left;width:98%;margin:1em 1%;font-size:0.8em;color:#8e836e;}
.spacer {float:left;width:100%;height:40px;}
/* Seiten-Kopf */
#zauber {float:left;width:100%;height:auto;background: url(ranken.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ranken.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ranken.png', sizingMethod='scale')";}
#logo {float:left;width:25%;margin:1em 20% 0 3%;}
#call {float:left;width:auto;font-size:1.3em;padding:0;margin:1.5em 0 0 0;}

/* Artikel */
header.entry,footer.entry {float:left;width:100%;height:auto;}
.entry-meta {float:left;width:100%;height:auto;}
.entry-content {float:left;width:100%;height:auto;margin:1em 0;}

/* ### Bild-Dateien ############################################################ */
.rahmen {padding:2%;margin-bottom:1em;background:#fff;box-shadow:0px 0px 5px #666;-webkit-box-shadow:0px 0px 5px #666;-moz-box-shadow:0px 0px 5px #666;-o-box-shadow:0px 0px 5px #666;width:96%;}
.rahmen:hover {background:#7e162f;}
.imgbox {float:left;width:21%;padding:1%;margin:0 1% 1% 1%;background:#fff;box-shadow:0px 0px 5px #666;-webkit-box-shadow:0px 0px 5px #666;-moz-box-shadow:0px 0px 5px #666;-o-box-shadow:0px 0px 5px #666;}
.imgbox:hover {background:#1e549e;}
.fleft {float:left;width:33%;margin:0 1em 2em 0;padding:0;}

/* ### Thumbnail-Gallery ############################################################ */

ul.gallery {float:left;width:100%;margin:0;padding:0;list-style-type:none;}
ul.gallery li {float:left;width:21%;padding:1%;margin:1%;background:#fff;box-shadow:0px 0px 5px #666;-webkit-box-shadow:0px 0px 5px #666;-moz-box-shadow:0px 0px 5px #666;-o-box-shadow:0px 0px 5px #666;}
ul.gallery li:hover {background:#7e162f;}

.lte9 ul.gallery li {float:left;width:20%;}

/* ### 6) @group Layouts for resolutions ############################################################ */
@media handheld and (min-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 1024px){
#wrapper {margin:0 5%;width:90%;}
#content {padding:0 5%;width:90%;}
footer#page_foot {padding:0 5%;width:90%;}
h2 {font-size:1.5em;color:#645a45;margin-bottom:0.5em;font-weight:normal;}
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media handheld and (min-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 800px){	
#logo {clear:both;float:none;width:50%;padding:0;margin:1em auto;}
#call {clear:both;float:left;width:100%;padding:0;margin:1em 0 0 0;text-align:center;}
.sidebar,#artikel {clear:both;float:left;width:100%;max-width:100%;padding:0;margin:0;}
.mobile {display:block;}
.desktop {display:none;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:0.9em;}
h5,h6 {font-size:0.8em;}
}