@charset"UTF-8";

/* ######################################################################## */
/* ############# STYLESHEET FOR IWOG, 2015-02 BY JK, gpEasy CMS ########### */
/* ######################################################################## */

/* === RESET === */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display:block;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img, abbr, acronym {
border:0;
}

address, caption, cite, dfn, th, var {
font-style:normal;
font-weight:normal;
}

caption, th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,
q:after {
content:"";
}


/* === BASIC TYPO + COLORS === */

body {
font-family:"roboto-light","Helvetica Neue","Liberation Sans",Sans-Serif;
font-size:10pt;
color:#4d4d4d;
line-height:1.6em;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlOGUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 28%, #eff0ec 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(28%,#ffffff), color-stop(100%,#eff0ec));
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 28%,#eff0ec 100%);
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 28%,#eff0ec 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 28%,#eff0ec 100%);
background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 28%,#eff0ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff0ec',GradientType=1 );
}

h1,h2,h3,h4,h5,h6,
p,dl,hr,ol,ul,pre,table,
address,fieldset {
margin-bottom:1.2em;
}

address {
color:#666;
font-size:8.3pt;
line-height:1.2em;
font-family:roboto-condensed-light,Sans-Serif;
}

strong { font-weight:bold; }

em { font-style:italic; }

pre,code {
font-family:monospace;
font-size:13px;
overflow-x:auto;
}

dl { margin-bottom:18px; }

dt { font-weight:700; }
dd { margin-left:9px; }
dt { font-weight:bold;}

p { font-size:1em; }
p + p, p + ul {
margin-top:-.8em; }


h1 ,h2, h3, h4, h5, h6 {
font-family:roboto-condensed;
}

h1, h2 {
text-transform:uppercase;
}

h1 {
font-weight:bold;
font-size:20pt;
line-height:1.2em;
margin:1em 0 .5em
}

h2 {
font-weight:bold;
font-size:18pt;
line-height:1.2em;
margin:1.07em 0 .535em;
}

p + h1 {
margin-top:.5em
}

h4, h5, h6 { }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
margin-top:0;
}

h3 {
font-size:16pt;
font-weight:normal;
margin:1.14em 0 .57em 0;
}

h4 {
font-weight:normal;
font-size:14pt;
margin:1em 0 .5em;
}

h5, h6 {
font-family:roboto-bold;
font-weight:normal;
text-transform:uppercase;
font-size:10.5pt;
color:#6F6F6F;
margin:1em 0 .25em 0;
letter-spacing:0.5px;
}

ol {
margin-left:0;
padding-left:0;
text-indent:0;
}

ul {
list-style:disc outside;
}

li {
font-size:1em;
margin:0 0 4px 1.3em;
}

blockquote {
position:relative;
background:#eee;
margin:0.7em 0 1.4em 0;
padding:1.4em 2.8em;
/*border-left:4px solid #E48C71;*/
border-left:4px solid #aaa;
font-style:italic;
}

blockquote>* {
margin-top:0;
}

blockquote>*:last-child {
margin-bottom:0;
}

blockquote:before {
content:"\201C";
font-family:Georgia,Serif;
font-style:normal;
font-size:46pt;
line-height:0;
position:absolute;
top:40px;
left:6px;
z-index:3;
color:#aaa;
}

blockquote:after {
content:"\201D";
font-family:Georgia,Serif;
font-style:normal;
font-size:46pt;
line-height:0;
position:absolute;
bottom:8px;
right:12px;
z-index:3;
color:#aaa;
}

input,textarea {
font:0.9em Sans-Serif;
}

hr {
display:block;
clear:both;
height:0px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
}

hr:first-child {
margin-top:0;
}

a {
color:#005F7F;
text-decoration:none;
}
a:hover {
color:#005F7F;
text-decoration:underline;
}

a:focus {
outline:none;
}

object, embed, video, iframe {
width:100%;
}

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

::-moz-selection{background:#59a9ff;color:#fff;text-shadow:none}
::selection{background:#59a9ff;color:#fff;text-shadow:none}

sub, sup {
font-size:70%;
margin:0;
padding:0;
position:relative;
line-height:0;
}

sup {
top:-7%;
}

sub {
top:7%;
}

 table {
width:100%;
border:none;
}

 table tr:nth-child(odd) {
background:rgba(0,0,0,0.054);
}

 table tr:nth-child(even) {
background:rgba(255,255,255,0.12);
}

 table th {
background:#aaa;
background:rgba(0,0,0,0.54);
font-weight:bold;
color:#EFEEE8;
}

 table th strong,
 table th b {
font-weight:normal; /* so bold can be neutralized with CKeditor [B] button ;-) */
}

 table th,
 table td {
vertical-align:top;
padding:0.12em 0.4em;
font-size:90%;
border:none;
}

 table td {
border-top:1px solid rgba(0,0,0,0.12);
border-bottom:1px solid rgba(0,0,0,0.12);
}


/* === MAIN LAYOUT === */

* {
-moz-box-sizing:border-box;
box-sizing:border-box;
}

html {
height:100%;
overflow-y:scroll;
}

body {
height:100%;
}

div#page, header#page-header, div#page-main, footer#page-footer {
position:relative;
}

div#page {
min-height:100%;
height:auto!important;
height:100%;
width:1024px;
margin:0 auto -86px auto;
padding:0 32px;
/* outline:1px dotted #333;
outline-offset:-1px; */
}

div.wrapper {
position:relative;
/* outline:1px dotted green;
outline-offset:-1px; */
}


header#page-header {
float:left;
width:240px;
/* outline:1px solid blue;
outline-offset:-1px; */
}

div#page-main {
float:left;
width:720px;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
/* outline:1px dotted red;
outline-offset:-1px; */
}

div#push-footer {
height:86px;
}

footer#page-footer {
clear:both;
height:86px;
background:#CDDA4F url(img/footer-bgpat_16x28px.png) center center repeat;
color:#24450d;

}

footer#page-footer div.wrapper {
margin:0 auto;
width:1024px;
padding:0 32px;
}


div#gpx_content div.GPAREA { }


/* === HEADER === */

/* --- LOGO --- */

header div.wrapper {
width:auto;
margin:0;
}

header img.print-logo {
display:none;
}

header div.site-title {
position:relative;
padding-top:72px;
}

header div.site-title,
header div.site-title h2,
header div.site-title p {
color:#4d4d4d;
font-family:roboto-condensed-light;
font-size:13.5pt;
font-weight:normal;
text-transform:uppercase;
line-height:1.1em;
margin:0;
}

header div.site-title h2,
header div.site-title p {
padding-left:36px;
}

header div.site-title h1 {
display:block;
position:relative;
margin:0;
padding:0 0 6px 0;
}

header div.site-title h1 a {
display:block;
position:relative;
left:-12px;
width:164px;
height:108px;
padding:0;
overflow:hidden;
text-indent:200px;
white-space:nowrap;
background:url("img/IWOG_headlogo_164x108px.png") 0 0 no-repeat;
}

header div.site-title b,
header div.site-title strong {
font-family:roboto-condensed;
font-weight:bold;
}


/* --- TOP NAVIGATION --- */

nav.main-nav {
position:relative;
margin:36px 0 0 36px;
}

nav.main-nav a {
color:#92948f;
font-family:roboto-black;
text-decoration:none;
font-size:11.6pt;
letter-spacing:0.625px;
}

nav.main-nav ul {
position:relative;
display:block;
text-align:left;
list-style:none;
margin:0 0 6px 0;
}

nav.main-nav ul.menu_top li {
position:relative;
display:block;
margin:0;
padding:4px 0;
}

nav.main-nav ul.menu_top li a {
display:block;
background:none transparent;
padding:0;
line-height:24pt;
-webkit-transition:color 0.3s;
-moz-transition:color 0.3s;
-ms-transition:color 0.3s;
-o-transition:color 0.3s;
transition:color 0.3s;
}

nav.main-nav ul.menu_top li a.selected,
nav.main-nav ul.menu_top li.childselected_li>a {
color:#4d4d4d;
}

nav.main-nav ul.menu_top li a.haschildren {
}

nav.main-nav ul.menu_top li a.haschildren.selected,
nav.main-nav ul.menu_top li.childselected_li a.haschildren {
}

nav.main-nav ul.menu_top li a:hover {
color:#4d4d4d;
text-decoration:none;
}

nav.main-nav ul.menu_top li a.selected {
cursor:default;
}

nav.main-nav ul.menu_top li ul {
list-style:none;
margin-left:16px;
}

nav.main-nav ul.menu_top li ul li { }

nav.main-nav ul.menu_top li ul li a {
font-family:roboto;
font-size:11pt;
line-height:1.2em;
}

nav.main-nav ul.menu_top li ul li a:hover,
nav.main-nav ul.menu_top li ul li a.selected {
}

nav.main-nav ul.menu_top li:hover ul { }


/* --- MAIN CONTENT --- */

div#page-main div.wrapper {
min-height:360px;
padding:142px 48px 42px 48px;
}

div.main-content {}

div#page-main input[type="text"],
div#page-main input[type="password"],
div#page-main textarea,input.text{
background:#f5f5f5;
border: 1px solid #ccc;
padding:10px;
-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
}

div#page-main input[type="text"]:focus,
div#page-main input[type="password"]:focus,
div#page-main textarea:focus,
input.text:focus {
background:#fff;
border: 1px solid #aaa;
outline:none;
}

button, .btn, div#page-main input[type="submit"],
.gpArea_Simple_Search form input.submit {
background:#005F7F;
color:#fff;
cursor:pointer;
border-radius:4px;
}

button, a.btn:focus,
div#page-main input[type="submit"]:focus,
.gpArea_Simple_Search form input.submit:focus {
background:#000;
background:#002E3D;
}

a.btn{
font-size:0.9em;
text-shadow:none;
padding:5px 8px;
text-decoration:none;
color:#fff!important;
}

/* --- STANDARD TEXT --- */


div#page-main div.filetype-include {
position:relative;
padding-bottom:1.6em;
margin-bottom:1.6em;
border-bottom:1px solid #8E9289;
}

div#page-main div.filetype-include:last-of-type {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}

div#page-main div.filetype-include a.include-info {
position:absolute;
top:-10px;
left:-10px;
display:block;
padding:6px 12px;
background:#fafafa;
background:-moz-linear-gradient(top, #fafafa 0%, #f1f1f1 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f1f1f1));
background:-webkit-linear-gradient(top, #fafafa 0%,#f1f1f1 100%);
background:-o-linear-gradient(top, #fafafa 0%,#f1f1f1 100%);
background:-ms-linear-gradient(top, #fafafa 0%,#f1f1f1 100%);
background:linear-gradient(to bottom, #fafafa 0%,#f1f1f1 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f1f1f1',GradientType=0 );
box-shadow:0 0 3px rgba(0,0,0,0.5);
border-radius:3px;
font-family:Sans-Serif!important;
font-size:12px!important;
line-height:14px!important;
color:#333!important;
text-decoration:none!important;
z-index:100;
text-align:center!important;
}

div#page-main div.filetype-include a.include-info span.fisl-fi {
font-size:10px!important;
}


/* div#page-main div.filetype-include:after {
content:"";
display:block;
border:1px solid #8E9289;
position:absolute;
bottom:0;
height:1px;
margin:0 -24px;
} */

div#page-main div.filetype-text {}

div#page-main span.fa {
font-size:90%;
position:relative;
top:-0.12em;
margin:0 0.32em;
}

div#page-main div.GPAREA>* {
margin-top:0;
}

div#page-main div.GPAREA > h2 {
font-size:13pt;
text-align:right;
margin:0 -24px 2em -24px;
padding:8px 24px;
border:1px solid #8E9289;
border-left:0;
border-right:0;
}

/* SPEZIAL-LINKS */

a.karte, a.anfrage {
float:right;
display:block;
width:124px;
text-align:center;
font-family:roboto-condensed;
font-size:10pt;
letter-spacing:0.3px;
text-transform:uppercase;
line-height:1.2em;
padding:0.54em 0.72em;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
text-decoration:none!important;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

a.karte {
border:1px solid #92948f;
color:#92948f;
}

a.karte:before {
font-family:FontAwesome;
content:"\f041";
margin-right:0.44em;
}

a.karte:hover {
background-color:#E2E4DF;
color:#6E6E6E;
}

a.anfrage {
background-color:#4D4D4C;
color:#E2E4DF;
}

a.anfrage:before {
font-family:FontAwesome;
content:"\f0da";
margin-right:0.44em;
}

a.anfrage:hover {
background-color:#6E6E6E;
}


/* --- SITE PAGE EXTRA --- */

.gpAdmin div.gpArea_Site_Page_Extra1,
.gpAdmin div.gpArea_Site_Page_Extra2,
.gpAdmin div.gpArea_Site_Page_Extra3 {
min-height:1em;
min-width:12em;
}



/* --- FOOTER CONTENT + SECTIONS --- */

footer#page-footer div.sectionwrapper {
padding:34px 0 24px 304px;
margin:0 -16px;
}

footer#page-footer a,
footer#page-footer a:visited {
color:#4d4d4d;
}

footer#page-footer a:hover {
color:#000;
}


footer#page-footer .GPAREA {
display:inline;
}

footer#page-footer ul.menu_top {
display:inline;
list-style:none;
margin:0;
}

footer#page-footer ul.menu_top li {
display:inline;
padding:0 0 0 1em;
border-left:1px solid #4d4d4d;
margin:0 0 0 1em;
}

footer#page-footer ul.menu_top li:first-child {
border-left:none;
padding:0;
}

/* === GPEASY === */

.contactform input.submit {
width:68%!important;
}

#loginform,
#loginform label {
background:none!important;
border:none!important;
color:#444!important;
}

.login_text,
.login_submit {
font-size:0.9em!important;
}

.loginform input[type="submit"],
input.submit{
padding:5px;
}

.gpArea_Simple_Search form input.submit{
margin-left:10px;
}

/* --- GALLERIES --- */

.gp_gallery {
clear:both;
margin:0.6em 0 1.12em 0;
padding:22px 0 0 22px;
background:#E2E4DF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
width:100%;
}

.gp_gallery li {
float:left;
width:100px;
height:100px;
list-style:none;
display:inline-block;
margin:0 20px 20px 0;
padding:0;
background:none;
border:none;
color:#92948F;
position:relative;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

.gp_gallery div.caption {
display:none;
}

.gp_gallery a {
display:block;
width:100px;
height:100px;
overflow:hidden;
cursor:-webkit-zoom-in;
cursor:-moz-zoom-in;
cursor:zoom-in;
}

.gp_gallery a:before {
z-index:2;
content:"";
position:absolute;
bottom:-42px;
left:0;
display:block;
border:42px solid rgba(0,0,0,0.32);
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
}

.gp_gallery a:after {
z-index:3;
content:"\f00e";
font-family:FontAwesome;
font-size:14px;
width:24px;
height:24px;
line-height:24px;
text-align:center;
color:#E2E4DF;
text-shadow:0 0 3px #000;
display:block;
position:absolute;
bottom:0;
left:0;
}

.gp_gallery a img {
z-index:1;
top:0;
left:0;
width:100%;
height:auto;
}

/* GREYSCALE -> COLOR HOVER EFFECT */

.gp_gallery img {
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-opacity:0.6;
opacity:0.6;
-webkit-transition:opacity 0.3s;
-moz-transition:opacity 0.3s;
-ms-transition:opacity 0.3s;
-o-transition:opacity 0.3s;
transition:opacity 0.3s;
}

.gp_gallery a:hover img {
 filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter:grayscale(0%);
-moz-opacity:1;
opacity:1;
}


.gp_galleries li {
width:125px;
height:195px;
background:none;
}

.gp_galleries img {
width:100px;
height:100px;
}

/* === BACK TO TOP === */


#back2top {
display:block;
width:72px;
height:48px;
position:fixed;
bottom:24px;
right:-72px;
background:#5F636A;
color:#C7CBCF;
line-height:48px;
font-family:Arial,Sans-Serif;
font-size:16px;
padding:0 16px;
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
border-radius:4px 0 0 4px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
text-decoration:none;
}

#back2top:hover {
color:#DEE0E2;
}

#back2top.back2top-show {
right:0px!important;
-webkit-opacity:0.85;
-moz-opacity:0.85;
opacity:0.85;
}


/* === LOGIN/LOGOUT === */


.login_link a {
display:block;
padding:0;
margin:0;
position:fixed;
bottom:0;
left:0;
z-index:10000;
width:36px;
height:36px;
overflow:hidden;
text-indent:999em;
background:url(img/login_logout.png) -36px 0 no-repeat;
}

span.login_link a:hover {
background-position:0 0;
}

.gpAdmin span.login_link a:hover {
background-position:0 -36px;
}


/* ######## MEDIA QUERIES ######### */

@media screen and (max-width:768px) {
}

@media screen and (max-width:480px) {
}

@media print{

  img.print-logo {
  display:block;
  width:45mm;
  height:auto;
  }

  nav, aside, footer {
  display:none;
  }
}