@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(g360_resnav/g360_resnav.css);
@import url(flexslider/flexslider.css);
@import url(fancybox/jquery.fancybox.css);

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('../fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('../fonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* ############################################################################# */
/* ### CSS RESET ############################################################### */
/* ############################################################################# */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select,label { vertical-align: middle; }
* {margin:0;padding:0;border:0;height:auto;
-webkit-font-smoothing:antialiased;-webkit-animation-fill-mode: none !important;/* makes animations on webkit much smoother*/
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} /* Everything */
/* ############################################################################# */
/* ### BASIC SETTINGS ########################################################## */
/* ############################################################################# */
html{height:100%;}
body {color:#333;font-family: 'Source Sans Pro', sans-serif;background: #fff url(img/pagebg.png) repeat-x; /* Old browsers */}
body {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
#wrapper,.wrapper {width:100%;max-width:1200px;margin:0 auto;}
.swrapper {width:104%;margin:0 0 0 -2%;}
.headfx {width:2%;height:auto;display:block;position:absolute;bottom:-59%;left:0;background:url(img/fxleft.png) no-repeat center center;background-size:cover;}
.headfxright {width:2%;height:auto;display:block;position:absolute;bottom:-59%;right:0;background:url(img/fxright.png) no-repeat center center;background-size:cover;}
.headfx img,
.headfxright img {float:left;width:100%;padding:0;}
::selection {background: #FBAF01; color:#fff;}
::-moz-selection {background: #FBAF01; color:#fff;}
.desktoponly {display:block;}
.mobilonly {display:none;}
/* ############################################################################# */
/* ### BASIC & ARTICLE TEXT #################################################### */
/* ############################################################################# */
p {line-height:1.5em;margin:.5em 0;}
p.small,
p.info {font-size:0.7em;}
a {text-decoration:underline;color:#00599B;}
a:visited {color:#666;}
a:hover {text-decoration:underline;}
a:active,
a:hover {outline:0;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}
span.meta {font-size:.8em;}
span.event_date {width:100%;float:left;margin:1em 0;padding:1em 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
blockquote {font-size:1.2em;margin:1em 0;line-height:1.7em;font-family:serif;}
blockquote:before {content:"»";}
blockquote:after {content:"«";}
/* Headlines */
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 {font-size:2.3em;font-variant: small-caps;color:#00599B;font-weight:700;}
h2 {font-size:1.7em;font-variant: small-caps;color:#00599B;margin:1em 0 1em 0;}
.box h2 {margin:0 0 1em 0;}
h3 {font-size:1.3em;color:#555;}
h4 {font-size:1.1em;color:#555;}
h5,h6,h7,h8 {font-size:1em;}
/* Lists */
.txtcontent ul,
.txtcontent ol {clear:both;margin:1em 0 1em 2em;}
.txtcontent ul li,
.txtcontent ol li {margin:.3em 0;}

/* ### DSGVO MAP############################################################### */
#g360_dsgvo_map {float:left;width:100%;height:500px;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.1);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-size:cover;background-position:center center;}
#g360_dsgvo_map * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.g360_dsgvoinfo {width:100%;max-width:70%;padding:20px;height:auto;}
#g360_showmap {cursor:pointer;float:left;width:100%;background-color:#3172ca;color:white;text-align:center;padding:1em;margin-bottom:10px;font-size:1.3em;border-radius:5px;}
.dpnote {float:left;width:100%;text-align:center;font-size:.8em;}

/* ############################################################################# */
/* ### STRUCTURE ############################################################### */
/* ############################################################################# */
#page {position:relative;height:auto;}
#page.open {position:fixed;max-height:100%;overflow:hidden;}
#schmuck {position:relative;float:left;width:100%;height:120px;line-height:120px;padding:0 2em;font-size:.8em;text-align:right;background:none;}
#schmuck a {line-height:40px;font-size:.7em;}
.schmuckwrapper {position:relative;width:100%;height:100%;display:block;}
.slogan {position:absolute;top:0;right:200px;height:120px;width:auto;line-height:120px;text-align:left;font-size:1.8em;color:#002f5c;font-weight:700;font-style:italic;font-family: 'Source Sans Pro', cursive;}
.mobslogan {position:absolute;top:0;left:0;height:55px;width:auto;line-height:55px;text-align:left;font-size:1.3em;color:#fff;font-weight:700;font-style:italic;font-family: 'Source Sans Pro', cursive;display:none;}
.turm {position:absolute;top:0;right:-50px;height:120px;width:300px;}
.selklogo {position:absolute;top:40px;left:0;height:100px;width:100px;z-index:99;
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);}
.selklogo img {width:100%;box-shadow:2px 2px 0 rgba(0,0,0,.4);-moz-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
#page_logo a {text-decoration:none !important; font-size:1.7em;line-height:1.5em;}
#page_logo {position:absolute;top:20px;left:120px;height:auto;width:auto;padding:0;text-align:center;}
#page_logo .logo_head {float:left;clear:both;width:100%;color:#fff;font-size:.9em;margin:0;}
#page_logo .logo_foot {float:left;clear:both;width:100%;color:#fff;font-size:.8em;margin-top:-3px;}
#page_logo .logo_name {float:left;clear:both;width:100%;color:#fff;font-weight:700;font-size:1.6em;text-shadow:0 1px 1px rgba(0,0,0,.8);margin-top:-5px;}
#page_logo img {height:100%;}
.gradi {background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 34%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 34%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 34%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 34%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 34%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */}
/* Seitenkopf */
header#page_head {position:relative;float:left;width:100%;height:60px;background:#002f5c;z-index:10 !important;border-bottom:5px solid #fff;border-top:5px solid #fff;
-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px rgba(0,0,0,.5);-o-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5);}
.headwrapper {position:relative;float:left;width:100%;}
#search_trigger {cursor:pointer;position:absolute;right:0;width:55px;height:55px;font-size:1.5em;color:#fff;line-height:55px;text-align:center;background:rgba(255,255,255,.1);}/* when not 100, make it 100 if mobile */
#page_search {position:relative;z-index:0;float:left;width:100%;height:50px;padding:5px 0;margin-top:-50px;background:#002944;-webkit-transition: margin .2s;-moz-transition: margin .2s;transition: margin .2s;}
#page_search.opened {margin-top:0;}
.lte8 #page_search {margin-top:0;}
.mobiledevice #search_trigger,
.mobiledevice #page_search {display:none;}
#fenster {position:absolute;top:-20px;left:20px;height:120px;width:120px;float:left;padding:0;margin:0;text-align:center;background:url(img/fenster.png) no-repeat center center;z-index:999;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.home #fenster {display:none;}
#page_navigation {position:absolute;right:80px;}/* when not 100, make it 100 if mobile */
#page_search {float:left;width:100%;padding:10px;}
/* Image */
#page_image {float:left;position:relative;width:100%;height:auto;z-index:0;margin:0;}
/* Contentbereiche und Seitenleisten */
#page_content {float:left;width:100%;}
#page_bg {float:left;width:100%;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);}
.page_section {float:left;width:100%;padding:0;margin:0;padding:2em;}
.page_section.centercontent {text-align:center;}
.spruch {position:relative;float:left;width:102%;margin-left:-1%;text-align:left;padding-left:350px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);-webkit-border-radius:.2em;-moz-border-radius:.2em;-o-border-radius:.2em;border-radius:.2em;}
img.free {position:absolute;width:250px;left:50px;top:-50px;}
.box {float:left;width:31.333%;padding:1em;margin:0 1%;font-size:.9em;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);-webkit-border-radius:.2em;-moz-border-radius:.2em;-o-border-radius:.2em;border-radius:.2em;
border:3px solid #fff;}
#page_sidebar{float:left;width:30%;padding:1em ;}
.default #page_artikel {float:left;width:70%;padding:1em ;}
.home #page_artikel {float:left;width:100%;padding:1em;}
/* Seitenleiste */
aside.widget {float:left;width:100%;margin-bottom:1em;}
h3.widget-title {float:none;display:block;background:#002f5c;font-size:1.5em;padding:0.5em;color:#fff;font-variant: small-caps;
-webkit-border-radius:.2em .2em 0 0;-moz-border-radius:.2em .2em 0 0;-o-border-radius:.2em .2em 0 0;border-radius:.2em .2em 0 0;}
h3.widget-title a,
h3.widget-title a:visited {color:#FFB400;text-decoration:none;}
.widget-content {float:none;font-size:0.9em;padding:1em;background:#e2eefb;border-radius: 0 0 .2em .2em;}
/* Seiten-Fuß */
footer#page_footer {float:left;width:100%;margin:0;padding:1em;background:#002944;text-align:center;color:#fff;}
footer#page_footer p,
footer#page_footer a {color:#fff;}
footer#legal {float:left;width:100%;margin:0;padding:1em;background:#000;text-align:center;color:#fff;font-size:.7em;}
footer#legal p,
footer#legal a {color:#fff;}
/* ############################################################################# */
/* ### Navigationen ############################################################ */
/* ############################################################################# */
/* Subnavigation / Widget-Navigation */
aside.widget ul {float:left;width:100%;height:auto;list-style-type:none;}
aside.widget ul li {float:left;width:100%;height:auto;padding-left:.5em;border-bottom:1px solid #eee;} 
aside.widget ul li:hover {background:#e2eefb;}
aside.widget ul li a {padding:0.8em 0;display:block;width:100%;text-decoration:none;color:#333;}
aside.widget ul li a:hover {text-decoration:none;}
aside.widget a.rex-current {text-decoration:underline;}
/* Breadcrumbs */
#page_breadcrumbs {float:left;width:100%;list-style-type:none;padding:0;margin:0 0 1em 0;font-size:0.8em;}
#page_breadcrumbs li {float:left;width:auto;padding:0;margin:0;}
#page_breadcrumbs li:first-child{font-weight:bold;}
#page_breadcrumbs li:last-child{color:#999;}
#page_breadcrumbs li a,#breadcrumb li a:hover,#breadcrumb li a:visited {text-decoration:none;margin:0;padding:0 1em 0 0;}
#page_breadcrumbs li a:after {content:" »";}
/* Footnavigation */
nav a {text-decoration:none;}
#page_foot_navigation ul {float:left;width:100%;list-style-type:none;font-size:0.8em;text-transform:uppercase;}
#page_foot_navigation ul li {float:left;width:19%;margin:0 .5%;text-align:left;}
#page_foot_navigation ul li:first-child {display:none;}
#page_foot_navigation ul ul li:first-child {display:block;}
#page_foot_navigation ul li a {float:left;padding:5px 0;color:rgba(255,255,255,.6);font-weight:700;width:100%;display:block;}
#page_foot_navigation ul ul {width:100%;font-size:0.8em;}
#page_foot_navigation ul ul li {width:100%;margin:0;border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.1);}
#page_foot_navigation ul ul li a {font-weight:400;width:100%;display:block;}
#page_foot_navigation ul ul ul {width:98%;font-size:0.9em;margin-left:2%;}
#page_foot_navigation ul ul li {width:100%;}
#page_foot_navigation ul ul li a {}
#page_foot_navigation ul a:hover {text-decoration:underline;}
a.rex-current,
a.rex-active {text-decoration:underline;}
/* ############################################################################# */
/* ### ARTICLE ################################################################# */
/* ############################################################################# */
article {float:left;width:100%;}
article header {float:left;width:100%;margin-bottom:1em;}
article header .meta {float:left;width:100%;height:auto;margin:0;font-size:0.6em;text-transform:uppercase;}
article .post-content {float:left;width:100%;height:auto;margin:0;}
article footer {float:left;width:100%;border-top:1px solid #ddd;padding:10px;text-align:right;}
article.post {width:100%;} /* Main Article */
/* Article Captions / Pictures */
figure {position:relative;float:left;width:auto;height:auto;background:#efefef;border:1px solid #fff;z-index:1;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);}
figure img {float:left;width:100%;padding:0;margin:0;}
figcaption {font-style:italic;font-size:0.8em;padding:0.5em;margin:0;}
a figcaption {color:#333;}
/* Floats */
.fleft {float:left;margin:.5em 1em 1em 0;}
.fright {float:right;margin:1em 0 1em 1em;}
.fcenter {float:left;width:100% !important;min-width:100%;margin:0 0 2em 0;}
/* ############################################################################# */
/* ### TEASER ################################################################## */
/* ############################################################################# */
ul.teaser {float:left;width:100%;list-style-type:none;margin:0;}
ul.teaser li {float:left;width:100%;margin-bottom:0.5em;border-bottom:1px solid #efefef;}
ul.teaser li:last-child {border-bottom:none;}
ul.teaser li figure {float:left;width:100px;margin-right:1em;}
ul.teaser li h3 {color:#00427f;margin:0 0 0.5em 0;}
ul.teaser li a {float:left;width:100%;height:100%;display:block;padding:1em 0;text-decoration:none;color:#333;}
ul.teaser.quick li a {padding:.5em 0;}
ul.teaser li a p.exerpt {font-size:.9em;color:#333;}
ul.gemeindebrief {float:left;width:100%;list-style-type:none;margin:0;}
ul.gemeindebrief li {float:left;width:100%;margin-bottom:0;border-bottom:1px solid #efefef;}
ul.gemeindebrief li:first-child {font-size:1.2em;}
ul.gemeindebrief li:last-child {border-bottom:none;}
ul.gemeindebrief li a {float:left;width:100%;height:100%;display:block;padding:1em 0;text-decoration:none;color:#333;}
/* ############################################################################# */
/* ### CUSTOM ELEMENTS ######################################################### */
/* ############################################################################# */
/* Divider / Cols */
.full {width:100%;}
.half {float:left;width:50%;padding:10px;}
.quater {width:25%;}
.third {width:33.333%;}
.fourth {width:20%;}
/* Thumbnail-Gallery */
ul.gallery {float:left;width:100%;margin:1em 0;padding:0;list-style-type:none;}
ul.gallery li {position:relative;background:#fff;float:left;width:24%;height:auto;min-height:100px;padding:0;margin:.5%;}
ul.gallery li img {float:left;width:100%;opacity:1;}
ul.gallery li:hover img {opacity:0.7;}
.albumtitel {position:absolute;bottom:0;left:0;width:100%;padding:10px;z-index:2;text-align:center;background:rgba(255,255,255,.8);}
ul.gallery li a {display:block;width:100%;height:100%;color:#333;}
/* Video */
.video-container {position:relative;padding:0 0 56.25% 0;height:0;margin:1em 0;overflow:hidden;z-index:0;border:1px solid #fff;}
.video-container iframe,
.video-container object,  
.video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
/* Link-Button */
.buttons {float:left;width:100%;margin:1em 0 0 0;padding:0;}
.button {float:left;background:#f9f9f9;text-decoration:none;width:auto;padding:1em;margin:0 0.5em 0.5em 0;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;-o-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;-webkit-text-shadow:1px 1px 0 #fff;-moz-text-shadow:1px 1px 0 #fff;-o-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff;}
.button:hover {background:#f0f0f0;text-decoration:none;}
/* ############################################################################# */
/* ### FORMS ################################################################### */
/* ############################################################################# */
.formular {float:left;width:100%;}
.formular fieldset {background:#fefefe;position:relative;float:left;width:100%;height:auto;margin:0;padding:2%;border:1px solid #efefef;border-radius:3px;}
.formular legend {float:none;padding:0.5em;background:#efefef;color:#fff;font-size:0.8em;border-radius:2px;}
	.ie .formular legend {position:absolute;top:-1em;z-index:99;}
	.lte8 .formular legend {position:relative;margin-left:-1.5em;}
.formular .formrow {float:left;width:100%;margin:0.5em 0;}
.formular label {color:#999;float:left;width:20%;padding:5px;font-size:0.8em;}
/* Input */
.formular input {float:left;width:80%;padding:5px;border:1px solid #efefef;}
.formular input:hover {border:1px solid #ddd;}
.formular input:focus{outline:0;border:1px solid #999;}
.formular input[disabled] {background:#fff;color:#999}
.ie6 .formular input {width:auto;vertical-align: text-bottom; }
/* Textarea */
.formular textarea {float:none;width:100%;height:auto;border:1px solid #efefef;padding:5px;}
.formular textarea:hover {border:1px solid #ddd;}
.formular textarea:focus {outline:0;border:1px solid #999;}
/* Checkbox */
.formular input[type=checkbox] {float:left;width:auto;clear:right;margin-top:2px;}
.ie7 .formular input[type="checkbox"] {width:95%;vertical-align:baseline;}
.formular label.checkbox {float:left;width:100%;height:auto;margin:0;font-size:0.7em;text-transform:uppercase;}
/* Radio */
.formular input[type="radio"] {float:left;width:auto;clear:right;margin-top:2px;}
.formular label.radio {float:left;width:auto;height:auto;margin-left:1em;padding:0;font-size:0.8em;text-transform:uppercase;}
/* Select */
.formular select {float:left;width:80%;height:auto;border:1px solid #efefef;padding:1%;}
.formular select:hover {border:1px solid #ddd;}
.formular select:focus {outline:0;border:1px solid #999;}
/* SendButton */
input.button {float:right;background:#f9f9f9;text-decoration:none;width:auto;padding:1em;margin:0;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;
border-radius:3px;box-shadow:0 0 3px #ccc;text-shadow:1px 1px 0 #fff;}
input.button:hover {background:#f0f0f0;text-decoration:none;}
/* Suche */
.search fieldset {float:left;width:100%;height:auto;margin:0;padding:0;border:0;}
.search input {float:right;width:20em;display:block;height:auto;margin:0;padding:8px;border:1px solid #000;}
.search input:hover {border:1px solid #ddd;}
.search input:focus{outline:0;border:1px solid #ddd;}
/* FB Plugin responsive */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

/* ################################################################################# */
/* ### Media queries ############################################################### */
/* ################################################################################# */
/* Normal Screen */
@media screen and (max-width: 1200px) {}
/* iPad, Landscape 1024x768 */
@media screen and (max-width: 1100px) {
.slogan {position:absolute;top:0;right:180px;height:120px;line-height:120px;font-size:1.2em;}
.turm {position:absolute;top:0;right:-80px;height:120px;width:300px;}
.selklogo {top:30px;height:70px;width:70px;}
#page_logo a {text-decoration:none !important; font-size:1.3em;line-height:1.5em;}
#page_logo {position:absolute;top:30px;left:90px;height:auto;width:auto;padding:0;text-align:center;}
}
/* iPad, Portrait 768x1024 */
@media screen and (max-width: 800px) {	
.spruch {position:relative;float:left;width:100%;margin:0;text-align:center;padding:20px;}
img.free {position:relative;float:none;width:200px;left:0;top:0;}
#schmuck {height:100px;line-height:100px;}
.slogan {display:none;}
.mobslogan {display:block;line-height:50px;left:30px;font-size:1.2em;}
.selklogo {top:20px;height:50px;width:50px;}
#page_logo a {text-decoration:none !important; font-size:1.3em;line-height:1.5em;}
#page_logo {position:absolute;top:20px;left:70px;height:auto;width:auto;padding:0;text-align:center;}
#search_trigger {display:none;}
#page_sidebar2 {display:none;}
#page_sidebar {width:100%;}
#page_artikel {width:100%;}
.default #page_artikel {float:left;width:100%;padding:1em;}
.home #page_artikel {float:left;width:100%;padding:1em;}
.box {float:left;width:100%;padding:1em;margin:0 0 1em 0;}
/* Suche */
.search fieldset {float:left;width:100%;height:auto;margin:0;padding:0;border:0;}
.search input {float:left;width:100%;display:block;height:auto;margin:0;padding:8px;border:1px solid #000;}
.search input:hover {border:1px solid #ddd;}
.search input:focus{outline:0;border:1px solid #ddd;}
footer#page_footer {display:none;}
}
/* iPhone, Landscape 480x320 */
@media screen and (max-width: 500px) {
.selklogo {top:20px;height:50px;width:50px;left:-20px;}
#page_logo a {font-size:1em;}
#page_logo {position:absolute;top:30px;left:50px;height:auto;width:auto;padding:0;text-align:left;}
.turm {right:-150px;}
.mobslogan {font-size:.8em;}
.desktoponly {display:none;}
.mobilonly {display:block;}
#search_trigger {display:none;}
/* Floats */
.fleft,.left,.alignleft,.fright,.right,.alignright {float:left;width:100% !important;min-width:100%;margin:10px 0;}
/* Thumbnail-Gallery */
ul.gallery li {position:relative;background:#fff;float:left;width:49%;height:auto;min-height:100px;padding:0;margin:.5%;}
/* Formular */
.formular label {display:none;}
.formular label.radio {display:block;}
.formular input,
.formular select {width:100%;}
.button {float:left;width:100%;text-align:center;}
}
/* iPhone, Portrait 320x480 */
@media screen and (max-width: 350px) {
.mobslogan {left:10px;}	
}