@font-face {
font-family: 'BornReady-Regular';
src: url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/BornReady-Regular.eot);
src: url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/BornReady-Regular.eot) format('embedded-opentype'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/BornReady-Regular.woff2) format('woff2'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/BornReady-Regular.woff) format('woff'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/BornReady-Regular.ttf) format('truetype'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/BornReady-Regular.svg#BornReady-Regular) format('svg');
}
@font-face {
font-family: 'CanaroLight';
src: url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/CanaroLight.eot);
src: url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/CanaroLight.eot) format('embedded-opentype'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/CanaroLight.woff2) format('woff2'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/CanaroLight.woff) format('woff'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/CanaroLight.ttf) format('truetype'),
url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/fonts/CanaroLight.svg#CanaroLight) format('svg');
} 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;}
* {box-sizing: border-box; outline: none;}
html {overflow-y: scroll;}
body, table, tr, td {font-family:'CanaroLight', Verdana, Arial, Sans-Serif; 	color:#fff;  }
body {background:#3b3c43; font-size:14px; line-height: 1.6em;	}
h1, h2, h3, h3, h4, h5, h6 {line-height:1.35em;}
h2 {font-size:1.3em; margin:0 0 15px 0; color:#d9d9d9;}
h2 .red {letter-spacing:2px;}
h3 {font-size:1.2em; margin:0 0 15px 0; padding-top:15px;}
h4, h5 {margin:0 0 10px 0; font-size:1.1em;}
table {border-spacing:0; empty-cells:show;}
td, th {padding:2px 0;  margin:0;vertical-align:top; empty-cells:show;}
hr { background: #3b3c43;border:1px dotted #999; border-width:0 0 1px 0;height: 1px;width:100%;margin:15px 0;} 
.clear {clear:both; display:block; height:1px; margin:0;}
p {margin:0 0 10px 0;}
img	{ max-width:100%; height:auto; display: block;}
small, .small { font-size:.85em;}
a, a:visited {color:#fff; text-decoration:underline; }
a:hover, a:active {color:#ccc; }
a.noexternal {padding:0; background:0; margin-right:0;} 
a[href*=".pdf"], a.external[href*=".pdf"] {background:url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/pics/Adobe-PDF-Document-icon.png)  left top no-repeat;  line-height:24px;  padding:6px 0 6px 30px; border:0 none;} .skiplink {position:absolute;left:0;top:-2em;}
.container {width:100%;  }
.content {width:96%;margin:0 auto; min-width:260px;max-width:1200px; position:relative; font-size:1.05em;  } #header a, #navi a   { text-decoration: none; }
#headercontent {padding: 7px 0 5px 0;border-bottom: 1px solid #999; }
#header h1 {float: right; text-align: right; max-width: 30%; width: 30%; display: inline-block;}
#header h1 a {position:relative; }
#header h1 a span {position:absolute;left:-9999999px;  }
#headline {font-size:3em; position:relative;  font-weight:normal; margin:5px 0 15px 0 ;letter-spacing: normal;font-family:'BornReady-Regular', Arial, Helvetica, sans-serif; font-weight: normal;float: left; width: 70%; text-align: left; line-height: 1.3em;  }
#headline a {text-decoration:none !important; color:#666 !important;}
#subheadertitle h2, #metanavi { float: left; width: 100%; margin: 0; padding: 10px 0;}
#subheadertitle h2 { font-size: 1.6em; line-height: 1.3em;}
#metanavi li {display:inline; padding:0 0 7px 10px; } 
#metanavi li:first-child { padding-left: 0;}
#metanavi a, #metanavi a:visited {text-decoration:none; }
#metanavi li.current-menu-item a	{ cursor:default; color:#999 !important;} 
#header-image { border:1px solid #999; border-width: 1px 1px 0 1px;} #sidebar {float: right; width: 100%; }
#navi {position:relative;  z-index:1;  padding:10px 0; }   
#navi li	{ display:block; float:none; text-align:left; border:1px solid #999; border-width:0 0 1px 0;  } 
#navi a, #navi  a:visited {text-decoration:none; color:#fff; display:block; padding:7px 10px;  }
#navi a:hover, #navi a:active {color:#999; padding:7px 3px 7px 17px;}
#navi #nG4Y {border:1px solid #999; border-width:1px 0 ;  margin:10px 0 0 0 !important; background:#b6d905;  line-height:1.4em; width:100%; border-radius: 0 !important;}
#navi #nG4Y a { color:#333; background:0;}
#navi #nG4Y a:hover	{ color:#fff;}
#navi li.current-menu-item, #navi .current-menu-parent {background:#d70a1b !important; }
#navi li.current-menu-item a, #navi .current-menu-parent a {color:#fff !important; cursor:default !important; text-align: right;padding:7px 10px !important; }
#navi .current-menu-parent a {cursor:pointer  !important;}
#navi .current-menu-parent a:hover {color:#ddd  !important; padding-right:20px; } #post {  border:1px solid #999;  }
.storycontent { padding:20px 3% 30px 3%; float: left; width: 100%; display: inline-block; border:1px solid #999; border-width: 0 0 0 1px;} 
.post-edit-link { margin-top: 30px;} #post img, .wp-caption, h1 img	{max-width:100%;height:auto;-webkit-border-radius:3px;border-radius:3px;} 
.alignright {margin:0 0 15px 20px;display:inline;float:right;} .alignleft {margin:0 20px 15px 0;display:inline;float:left;} #post .alignleft, #post .alignright	{ max-width:49%;} .storycontent a img	{opacity:1;border:1px solid #ccc;} .storycontent a:hover img	{opacity:.85;border-color:#fff;}
.centered { text-align: center;}
.video-wrapper { max-width: 650px;}
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px; border:1px solid #ccc;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .wp-caption	{  padding:0; position:relative; text-align: center; display: inline-block;}
.wp-caption-text, .gallery-caption, .entry-caption { font-weight:normal;  }
.wp-caption img { border:1px solid #ccc; }
.wp-caption hr { margin:7px 0;} .storycontent ul {position:relative; margin:15px 0 15px 7px; padding-left:7px;}
.storycontent li {margin:0 0 7px 12px; padding-left:7px; list-style:disc;}
dl.flipbooks {display: table; }
dl.flipbooks-columns {display: inline-table; width: 100%; padding-right: 5%; float: left;}
dl.flipbooks dt, dl.flipbooks dd {display: table-cell; vertical-align: middle; padding: 15px 25px 15px 0;}
dl.flipbooks dd { font-size: 1.15em;}
dl.flipbooks a img { border: 0;}
dl.flipbooks dt { width: 100px !important;} table {border:0 none;border-spacing:0;margin:15px 0;} 
td, th {padding:2px 6px 2px 0;vertical-align:top;text-align:left;} 
th {font-weight:bold;} .formcontainer {margin:15px 0;padding:15px 0 0 0;border-top: 1px solid #ccc; }
.button, input[type="submit"]  {  width:auto;  }
textarea, input, select {width:85%;font-size:12px;border:1px solid #ddd;padding:2px 4px;-webkit-border-radius:2px;border-radius:2px; max-width:300px; } select	{width:auto;} textarea {height:120px;}
textarea:focus, input:focus, textarea:active, input:active,  select:focus,  select:active  {border-color: #fbc500;}
div.wpcf7 input { display:inline; margin-right:10px;}
div.wpcf7-response-output {margin:2em 0;padding:4px;background:#fff;color:#333; text-align:center;-webkit-border-radius:2px;border-radius:2px; font-size:1em; } div.wpcf7-mail-sent-ok {border:2px solid #EAA734;} div.wpcf7-mail-sent-ng {border:2px solid #f00;} div.wpcf7-spam-blocked {border:2px solid #f00;} div.wpcf7-validation-errors {border:2px solid #f00;top:2px; }  span.wpcf7-not-valid-tip { padding:2px 0 7px 0; line-height:1.2em; color:#f00; display:block; font-size:0.7em; font-family:"Courier New", Courier, monospace;} span.wpcf7-not-valid-tip-no-ajax {color:#f00;font-size:10px;display:block;} .wpcf7-display-none {display:none;left:0;} div.wpcf7 img.ajax-loader {border:none;vertical-align:middle;margin-left:4px;} span.wpcf7-list-item { display: block; padding:1px 0 7px 0; } wpcf7-list-item-label { margin-top:-2px;}
.wpcf7 .screen-reader-response { display:none !important;} 
.wpcf7-checkbox input, .checkbox, input[type="checkbox"], .wpcf7-radio input {width:15px;line-height:1em;padding:0;} 
.button, input[type="submit"]  {  width:auto !important;}
div.wpcf7 input.narrow	{ width:55px; }
input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid { border:1px solid #f00 !important;} .searchform input {min-width:200px;background-image:url(//www.graphik4you.at/wp/wp-content/themes/G4Y_2019.2/pics/search-header.png); background-position: 15px center; background-repeat: no-repeat; background-size: auto 75%; background-color: #fff; color:#999;width:25%;border-radius: 15px; height: 30px; margin: 10px 0 10px 0; padding: 3px 15px;}
.searchform input:focus, .searchform input:active {color:#333; background:#fff;min-width:225px;width:27%;}
.searchform #searchsubmit { display: none;}
.search-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} .wp-gallery:before {content:"";display:table; height:10px;}
.wp-gallery {margin: auto;  overflow: hidden;  width: 100%; }
.storycontent .wp-gallery ul	{ margin:0; padding: 0;}
.storycontent .wp-gallery li {display:inline-block; list-style:none; margin:0 3% 8px 0;padding:0;width:47%;}
.storycontent .wp-gallery img {	background-color:#fff; 	border:1px solid #999; 	 position:relative;  -webkit-border-radius: 3px; border-radius:3px;} .wp-gallery img:hover {border-color:#fff;  } .storycontent .webreferenzen {margin:20px 0; padding:0;}
.storycontent .webreferenzen li {padding:0 0 20px 0; margin:0; width:85%; float:left; list-style:none;  min-width:125px; display:inline-block; float: none; vertical-align: top;}
.storycontent .webreferenzen li	a {text-decoration:none !important;} .wp-pagenavi:before {content:".";clear:both;} .wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:2px dotted #999;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a,  .wp-pagenavi .current { text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#f1f1f1 !important;color:#000;} #footercontent { padding:15px 0; margin-bottom: 25px; }
.footer-navigation li { display: inline-block; margin:0 7px 12px 0;  }
.footer-navigation li:first-of-type a { padding-left: 0; border: 0;}
#footercontent li.current-menu-item a	{ cursor:default; color:#999 !important; text-decoration:none !important;}	
.footer-widget { margin: 20px 0; margin: 0 auto; text-align: center;}
.footer-widget img { max-width: 70px; height: auto; display: inline; margin: 15px 8px;} .nowrap {white-space:nowrap;}
.uppercase {text-transform:uppercase;}
.green {color:#cfdc2d;}
.red, i {color:#d70a1b; padding:0 2px; text-transform:none; font-weight:bold;} .button, .wp-pagenavi a, button, input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current, .navigation-quicklink {-webkit-border-radius: 2px;border-radius: 2px;border:1px solid #666;letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:1.5em; background-color: #e6e6e6; 	background-repeat: repeat-x; 	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); 	background-image: linear-gradient(top, #f4f4f4, #e6e6e6); 	border: 1px solid #d2d2d2; 	border-radius: 3px; 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}  
.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover, .navigation-quicklink:hover	{ border-color: #f50002;cursor:pointer;color:#000;	background-color: #ebebeb; 	background-repeat: repeat-x;	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); 	background-image: linear-gradient(top, #f9f9f9, #ebebeb);} #navi ul:after, .wp-pagenavi:before, #header:after, .clear, hr:before {content: " "; height: 0; clear: both; visibility: hidden;font-size: 0; display:block;} a, #navi li, #navi ul, a img, button, .button, input, textarea {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;} @media screen and (min-width:478px) {
#header h1  {  margin:10px 0 0 0;}
#headline  {font-size:3em; line-height: 1.3em; }
} 
@media screen and (min-width:600px) {
.kontaktcontent {float:left; width:50%}
.formcontainer {margin:0 0 0 6%;width:40%;max-width:300px;padding:0;border:0 none;float:right;}
}
@media screen and (min-width:749px) {
#header h1  { width:auto; max-width: 25%; }
#headline { font-size:4.5em; line-height: 1.3em; width: 75%;}
.storycontent{ width: 73%; float: right; position: relative;}
#sidebar  { width:27%; float: left;}
.storycontent {padding:20px 2% 50px 4%;   min-height:550px; border-width:0 0 0 1px;  }
#navi li.current-menu-item, #navi .current-menu-parent {background:#f50002; text-align:right; margin:4px 0 4px 0 !important; z-index:3; line-height:1.4em; border: 0;}
#navi li.current-menu-item a, #navi .current-menu-parent a {color:#fff !important; cursor:default !important;   background:#d70a1b; margin:-5px 0 0 -3000px; border:1px solid #999;   border-width:1px 1px 1px 0;     width:105%;-webkit-box-shadow: 2px 2px 5px 2px rgba(000,000,000,.15);box-shadow: 2px 2px 5px 2px rgba(000,000,000,.15);padding:7px 10px 7px 3000px !important; box-sizing:content-box;} 
.zweispaltig, .dreispaltig {column-count: 2; column-gap: 40px; }
.zweispaltig p, .dreispaltig p {break-inside: avoid-column; page-break-inside: avoid;-webkit-column-break-inside: avoid;overflow: hidden; }
#navi li.mobileonly { display: none;}
}
@media screen and (max-width:799px) {
#post {-webkit-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;}
} 
@media screen and (min-width:800px) {
#subheadertitle h2, #metanavi { width: 50%;height: 60px; line-height: 60px;  padding: 3px 0 0 0;}
#metanavi { float: right; text-align: right; padding: 0:}
}
@media screen and (min-width:900px) {    
h2 { font-size: 2em ; line-height: 1.4em;}
.storycontent { width: 75%; }
#sidebar { width:25%; }
.storycontent .webreferenzen li {width:32%; }
dl.flipbooks-columns {width: 50%; }
}
@media screen and (min-width:1200px) {   
#headline { font-size: 7em;}
.storycontent{ width: 77%;}
#sidebar  { width:23%; }
.dreispaltig {column-count: 3; column-gap: 30px;}
}