/* Comment element properties */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext');
@font-face {
  font-family: 'icomoon';
  src:  url('font/icomoon.eot?xyiibk');
  src:  url('font/icomoon.eot?xyiibk#iefix') format('embedded-opentype'),
    url('font/icomoon.ttf?xyiibk') format('truetype'),
    url('font/icomoon.woff?xyiibk') format('woff'),
    url('font/icomoon.svg?xyiibk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-download:before {
  content: "\e902";
}
a {
	color: #4e5880;
	text-decoration: none;
}

a:hover {
	color: #4e5880;
	text-decoration: underline;
}

a.side {
	color: #555;
	text-decoration: none;
}

a:hover.side {
	color: #f6a504;
	text-decoration: underline;
}

a.white, li.white a {
	color: #fff;
	text-decoration: none;
}

a:hover.white, li.white a:hover {
	color: #fff;
	text-decoration: underline;
}

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #888888;
	background: #fff;
	margin: 0px;
	position:relative;
}

hr {
	height: 1px;
	border: 1px solid #eee;
}

hr.side-hr {
	height: 1px;
	border: 1px solid #eee;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.alt {
	color: #04688d;
}

.spacer {
	margin-bottom: 5px;
}

.admin-message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #555;
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
	padding: 3px 4px 5px 4px;
	margin-bottom: 5px;
}

/* Form element properties */

form {
	margin: 0px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #f6a504;
	background-image: url(images/button.gif);
	height: 20px;
	border: 1px solid #000;
}

.bbcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-top: 2px;
}

.bbcode-popup {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	padding: 4px;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
}

.textbox:focus {
	color: #000;
	background-color: #E1E1E1;
}

div.emulated-fieldset {
	position: relative;
	margin: 20px 0px 10px 0px;
	border: 1px solid #ccc;
	width: 320px;
	background: inherit;
}
div.emulated-fieldset span.emulated-legend {
	display: inline;
	position: absolute;
	top: -12px;
	margin: 0 5px;
	padding: 4px;
	background: inherit;
}
div.emulated-fieldset div.attachments-list {
	padding: 10px 3px 3px 3px;
	width: 320px;
}

/* Header and footer properties */

.sub-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #555;
	background-image: url(images/subheader-mid.gif);
	padding: 7px 5px 8px 5px;
}

.sub-header-left {
	width: 3px;
	height: 28px;
	background-color: #555;
	background-image: url(images/subheader-left.gif);
}

.sub-header-right {
	width: 3px;
	height: 28px;
	background-color: #555;
	background-image: url(images/subheader-right.gif);
}

/* Subheader links */

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.sub-header ul li.first-link {
	font-weight: bold;
}

.sub-header ul li.current-link a span {
	text-decoration: underline;
}

.full-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #fff;
	padding: 5px 0 10px 0;
}

.main-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	background-color: #fff;
	padding: 5px;
}

.bottom-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #555;
	padding: 4px 4px 5px 4px;
}

.main-body {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
}

/* Side-Panel properties */

.ui-sortable { margin: 0; padding: 0; }

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	color: #777;
	background-color: #fff;
	padding: 10px 10px 10px 0;
	width: 175px;
}

.side-border-right {
	color: #777;
	background-color: #fff;
	padding: 10px 0 10px 10px;
	width: 175px;
}

.scapmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	background-color: #555;
	background-image: url(images/side.gif);
	background-repeat: repeat-x;
	padding: 6px 4px 6px 4px;
}

.scapmain-left {
	width: 3px;
	height: 24px;
	background-color: #555;
	background-image: url(images/side-left.gif);
}

.scapmain-right {
	width: 3px;
	height: 24px;
	background-color: #555;
	background-image: url(images/side-right.gif);
}

.side-body {
	font-size: 10px;
	color: #555;
	background-color: #fff;
	background-image: url(images/gradient.gif);
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	padding: 4px;
}

/* Center-Panel properties */

.news-category {
	border: 0;
	margin: 3px 5px 0 0;
	float: left;
}

.news-footer {
	font-size: 10px;
	color: #555;
	background-color: #f1f1f1;
	border-width: 0 1px 1px 1px;
	border-color: #ddd;
	border-style: solid;
	padding: 3px 4px 4px 4px;
}

.capmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #555;
	background-image: url(images/cap.gif);
  background-repeat: repeat-x;
	padding: 6px 4px 6px 4px;
}

.capmain-left {
	width: 3px;
	height: 25px;
	background-color: #555;
	background-image: url(images/cap-left.gif);
}

.capmain-right {
	width: 3px;
	height: 25px;
	background-color: #555;
	background-image: url(images/cap-right.gif);
}

.main-bg {
	color: #555;
	background-color: #fff;
	padding: 10px 0 5px 0;
}

/* General table properties */
.comment-avatar {
	padding-right: 6px;
	float: left;
}

.center {
	margin: 0 auto;
}

.tbl-border {
	border: 1px solid #eee;
}

.tbl {
	font-size: 12px;
	color: #555;
	background-color: #fff;
	padding: 4px;
}

.tbl1 {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	padding: 4px;
}

.tbl2  {
	font-size: 11px;
	color: #555;
	background-color: #f1f1f1;
	padding: 4px;
}

.tbl-error  {
	color: #AC260F;
	font-weight: bold;
	background-color: #FCCAC2;
	border:2px solid #EB5339;
}

/* Profile spesific classes */
.profile, .profile_category {
	width: 500px;
}

.edit-profile {
	width: 500px;
}

/*.user_password .textbox:focus, .user_admin_password .textbox:focus {
	background-color: #ff6666;
}*/

.profile_user_reason {
	color: #ff6666;
	font-weight: bold;
}

/*.user_name td, .user_name .textbox {
	font-size: 13px;
	padding: 4px;
}*/


.forum-caption {
	font-size: 11px;
	font-weight: bold;
	color: #888;
	background-color: #f1f1f1;
	padding: 2px 4px 4px 4px;
}

.quote {
	font-size: 11px;
	color: #555;
	background-color: #f8f8f8;
	padding: 4px;
	margin: 0px 20px 0px 20px;
	border: 1px solid #bbb;
}

.poll {
	height: 12px;
	border: 1px solid #bbb;
}

.comment-name {
	font-weight: bold;
	color: #04688d;
}

.small {
	font-size: 10px;
	font-weight: normal;
}

.small2 {
	font-size: 10px;
	font-weight: normal;
	color: #555;
}

.side-small {
	font-size: 10px;
	font-weight: normal;
	color: #555;
}

.side-label {
	color: #555;
	background-color: #f1f1f1;
	margin: 2px 0 2px 0;
	padding: 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	font-weight: normal;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #555;
	padding: 2px;
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
	background-color: #f6a504;
}

#navigation li.first-link a {
	font-weight:bold;
}

#navigation li.current-link a {
	color: #555;
	background-color: #eee;
	border: 1px solid #fff;
	padding: 1px !important;
}

/* Page Navigation */
.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #fff;
	background-color: #f6a504;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #555;
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #f6a504;
	margin: 2px;
	text-decoration: none;
}

/* PHP-Fusion Helpers */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Helpers  */

.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}


/* IE Fixes */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Hide from IE Mac  */

.clearfix {
	display:block;
}

/* End hide from IE Mac */

.floatfix {
	overflow:hidden;
}

* html .floatfix {
	width:100%;
}

.center, *[align="center"] {
	margin: 0 auto;
}
.w33 {width:33.3%;}
.w45 {width:45%;}
.w47 {width:47%;}
.w50 {width:50%;}
.w53 {width:53%;}
.w55 {width:55%;}
.w66 {width:66%;}
.img-res {width:100%; height:auto; display:block;}
.wrapper {
	margin:0 auto;
	max-width:1500px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  	justify-content: flex-end;
}
.bg_s {
	position:absolute;
	background-color:#faf9f9;
	top:0;
	left:0;
	min-height: 100vh;
	height:100%;      
    width: 30vw;
	z-index:-10;
}
#left-col {
	background: #faf9f9;
	background: -moz-linear-gradient(left, #faf9f9 0%, #fcfbfb 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(left, #faf9f9 0%,#fcfbfb 80%,#e6e6e6 100%);
	background: linear-gradient(to right, #faf9f9 0%,#fcfbfb 80%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9f9', endColorstr='#e6e6e6',GradientType=1 );
	min-width:300px;
	order: 1;
	display:inline-block;
}
#right-col {
	width:auto;
	min-height: 100vh;
	display:inline-block;
	flex: 2 0px;
	order:2;
	background-color:#fff;
}
.inside-left {padding:3em; position:fixed;}
.logo {text-align:center;}
nav {margin:3em 0 3em 1em;}
nav ul {padding:0;margin:0;list-style:none;}
nav ul li a {display:block; padding:1em; font-weight:600; color:#777777; text-transform:uppercase; font-size:14px;}
nav ul li a:hover {color:#281e74; text-decoration:none;}
.foot {color:#999;font-size:0.8em;text-transform:uppercase;}
.foot img {margin:0 0 1em 2em;}
.ft-at {margin-top:10px;}
.baner {
	width:100%;
	min-height:440px;
	max-height:450px;
	background-image:url(images/baner-rmp.jpg);
	background-size:cover;
	position:relative;
}
.baner-h2 { min-height:300px;}
.baner-box {
	position:absolute;
	bottom:0;
	left:0;
	padding:1.5em 7em 1.5em 3em;
	background-color: rgba(138, 44, 51, 0.8);
	color:#fff;
	-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.baner-box:hover {background-color: rgba(138, 44, 51, 0.9);}
.baner-title {text-transform:uppercase; font-size:22px; font-weight:300; margin-bottom:0.8em;}
.baner-txt {font-weight:300; opacity:0.75; line-height:22px;}
.baner-title a, .baner-txt a {color:inherit;}
.main-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  	justify-content: flex-end;
}
.main-center {
	flex: 2 0px;
}
.main-center { order: 1; } 
.main-right { order: 2; width:31%; }
.formularz {
	text-align:left;
}
.formularz input[type=text], .formularz input[type=email], .formularz input[type=tel], .formularz textarea {
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	width:95%;
	padding:2.5%;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:8px;
	font-size:1em;
	font-weight:300;
	color:#777;
	transition:all 0.2s ease-out;
}
.formularz input[type=text]:hover, .formularz input[type=email]:hover, .formularz input[type=tel]:hover, .formularz textarea:hover {
	border:1px solid #3B5B8E;
	transition:all 0.2s ease-in;
	color:#666;
}
.formularz input[type=text]:focus, .formularz input[type=email]:focus, .formularz input[type=tel]:focus, .formularz textarea:focus {
	border:1px solid #A9B8D3;
	color:#333;
}
.formularz input[type=submit] {
	padding:3.5%;
	border:0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:1em;
	font-weight:300;
	background-color:#1B2D4B;
	color:#fff;
	margin:12px 0;
	margin-left:42%;
	transition:all 0.2s ease-out;
}
.formularz input[type=submit]:hover {
	background-color:#8B3B44;
	transition:all 0.2s ease-in;
}
.firma-box {display:table; width:100%;}
.firma-left { display:table-cell; width:46%; height:100%; vertical-align:bottom; background-image:url(images/firma.jpg); background-repeat:no-repeat; background-position:bottom; background-size:cover;}
.firma-right { display:table-cell; width:53.5%; height:100%; }
.openbox {padding:2.5em 3em;}
.openbox2 {padding:2.5em 0em;}
.openbox-title {font-size:22px; font-weight:300;color:#4e5880; margin-bottom:0.8em;}
.openbox-title h2 {font-size:inherit; padding:0; margin:0; font-weight:inherit;}
.openbox-txt {line-height:22px; font-weight:300; text-align:justify;}
.pad3mlr {padding:0 1.9em 0.5em;}
.viewalbum {padding:0;margin:0;list-style:none; line-height:0;}
.viewalbum li {display:inline-block; width:33.33%; height:auto; max-height:260px; position:relative; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin:0; z-index:100;}
.viewalbum li a {font-size:0;}
.viewalbum li img {width:100%; height:auto; display:block;}
.viewalbum li:hover {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); z-index:200;}
.va-img {position:relative;width:100%; height:100%; z-index:2; }
.va-title {position:absolute; bottom:0; width:100%; height:65px; line-height:65px; color:#fff; text-transform:uppercase; font-weight:600; font-size:15px; text-align:center; background-color: rgba(17,17,17,0.7); z-index:100;}

.ref-left {display:inline-block; width:62%; position:relative; vertical-align:top; line-height:1.6em;}
.ref-left > p {padding:1em;}
.ref-right {display:inline-block; width:37%;}

.viewref {padding:0;margin:0;list-style:none; line-height:0; margin-left:2em;}
.viewref li {display:inline-block; width:49.9%; height:auto; max-height:300px; position:relative; margin:0 0 1.5em; z-index:100;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.viewref li:hover {background-color:#f9f9f9;}
.viewref li a {font-size:0;}
.viewref li .vr-img {text-align:center;}
.viewref li img {width:65%; height:auto;}
.vr-title {text-transform:uppercase; font-weight:600; font-size:15px; color:#4e5880; padding:0 1em;}

.nav-rel {padding:0em 3.8em 1em; font-size:0.8em;}
.nav-rel a {color:#777; font-weight:600;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.kont-inb {display:inline-block; width:48%; vertical-align:top;}
.cp1 {padding-bottom:0.5em;}
.cp4 {background-image:url(images/bg_park.jpg); background-repeat:no-repeat; background-position:bottom right; padding-bottom:2.2em;}
.cpg {padding-bottom:0;}
.cp3 {background-color:#fbfbfb;}
.cp3 .kontakt-left {display:inline-block; width:31%; vertical-align:top;}
.cp3 .kontakt-left .kont-inb {display:block; width:100%;}
.cp3 .kontakt-right {display:inline-block; width:68%;}
.cp3 .kontakt-right .video-container {padding-bottom:33%;}
.cpform {padding-left:0;}
.cpform .openbox-title {margin-bottom:1em;}

#menu_trigger{float:right;width:48px;height:40px;background:url(images/menu_trigger.png) center center no-repeat #fff;border-radius:6px;-webkit-border-radius:6px;cursor:pointer;display:none;}
#menu_trigger:hover {opacity:0.8;}

.kdwu-cert {float:right; width:33%;}
.kdwu {padding:0;margin:0; list-style:none; width:66.6%;}
.kdwu li {display:inline-block; width:33.333%; margin-bottom:4px;}
.kdwu li a {display:block; padding:12px; background-color:#fff; transition:all .3s ease;}
.kdwu li a span {margin-right:7px; color:#8B3B44; font-size:18px;}
.kdwu li a:hover {text-decoration:none; background-color:#f9f9f9;}
.kdwu li a:hover span {color:#2F2483;}

@media(max-width: 1370px) {
	#left-col {min-width:280px;}
	.logo {max-width:85%;}
	.logo img {width:100%; height:auto;}
	.baner {min-height:390px;}
	.baner-h2 { min-height:280px;}
	.firma-left {width:42%;}
	.firma-right {width:57.5%;}
	.openbox, .openbox2 {padding-top:2em;}
}
@media(max-width: 1290px) {
	#left-col {min-width:268px;}
	.inside-left {padding:3em 2.5em;}
	.baner {min-height:340px;}
	.firma-left {width:39%;}
	.firma-right {width:60.5%;}
}
@media(max-width: 1050px) {
	#left-col {min-width:238px;}
	.inside-left {padding:3em 1.5em;}
	.logo {max-width:80%; margin:0 auto;}
	.baner-box {padding:1.5em 5em 1.5em 2em;}
	.baner {min-height:330px;}
	.firma-left {width:30%; background-size:inherit;}
	.firma-right {width:69.5%;}
	.openbox {padding:2em;}
	.cp1 {padding-bottom:0.5em;}
	.cpg {padding-bottom:0;}
	.baner-title, .openbox-title {font-size:20px;}
	.pad3mlr {padding:0 1.4em 0.3em;}
	.w47 { width:100%;}
	.parkmhp {text-align:center;}
	.parkmhp .img-res {width:70%; margin:0 auto;}
	.main-right {width:37%;}
	.cpform {padding-left:0;}
	.cp3 .kontakt-right .video-container {padding-bottom:39%;}
	.viewref {margin-left:1em;}
	.viewref li img {width:85%;}
}
@media(max-width: 880px) {
	#left-col {min-width:222px;}
	.baner-box {padding-right:3.5em;}
	.inside-left {padding:2.5em 1em;}
	.firma-left {width:0; display:none;}
	.firma-right {width:100%;}
	.viewalbum li {width:50%;}
	.cpg .viewalbum li:first-child {width:100%; max-height:367px;}
	.cpg .viewalbum li:first-child:hover {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); z-index:200;}
	.viewref li {width:99%;}
	.main-center, .main-right {display:block; width:100%;}
	.parkmhp .img-res {width:80%;}
	.kont-inb {display:block; width:100%;}
	.cpform {padding-left:2em;}
	.cp3 .kontakt-left, .cp3 .kontakt-right {display:block; width:100%;}
	.kdwu li {width:50%;}
}
@media(max-width: 670px) {
	.foot {display:none;}
	#left-col {display:block; width:100%; position:fixed; z-index:1000; -webkit-box-shadow: 0 0 9px rgba(0,0,0,.5); -moz-box-shadow: 0 0 9px rgba(0,0,0,.5); box-shadow: 0 0 9px rgba(0,0,0,.5);   	
	background: -moz-linear-gradient(left, #faf9f9 0%, #fcfbfb 60%, #e6e6e6 100%); background: -webkit-linear-gradient(left, #faf9f9 0%,#fcfbfb 60%,#e6e6e6 100%); background: linear-gradient(to right, #faf9f9 0%,#fcfbfb 60%,#e6e6e6 100%);}
	#right-col {display:block; margin-top:76px;}
	.inside-left {position:relative; padding:1em 1em 0.7em;}
	.logo {float:left; width:23%; margin:0;}
	#menu_trigger{display:block; margin:0.2em 1.5em 0 0;}
	nav {position:absolute;margin:0;list-style:none;width:60%;top:60px;right:3%;display:none; z-index:1000;-webkit-box-shadow: 0px 0px 30px -0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 30px -0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 30px -0px rgba(0,0,0,0.3);}
	nav ul li{
		display:block;
		position: relative;
		width:100%;
		background-color:#f3f3f3;
		margin:0;
		border-top:1px solid #e4e1e1;
		-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;
	}
	nav ul li > a{display:block;padding:1em;}
	nav ul li:hover {border-top:1px solid #ccc;background-color:#f9f9f9;}
	.baner {min-height:174px;}
	.baner-h2 {display:none;}
	.viewalbum li {width:45%;margin-left:5%;}
	.viewalbum li:nth-child(2n+0) {margin-left:0; margin-right:5%;}
	.cpg {padding-bottom:1em;}
	.cpg .viewalbum li:first-child {width:80%; max-height:350px; margin-left:10%;}
	.cpg .viewalbum li {width:50%; margin:0;}
	.cpg .viewalbum li:nth-child(2n+0) {margin:0;}
	.openbox, .openbox2 {padding-top:1.3em;}
	.kontakt-right {width:90%; margin:0 auto;}
	.cp4 .openbox-txt p {margin-top:0.2em;}
}
@media(max-width: 420px) {
	.logo {width:39%;}
	#menu_trigger {margin:0.2em 1em 0 0;}
	#right-col {margin-top:70px;}
	.viewalbum li, .cpg .viewalbum li, .cpg .viewalbum li:nth-child(2n+0), .viewalbum li:nth-child(2n+0){width:80%; max-height:350px; margin-left:10%;}
	.viewref li {width:96%;}
	.openbox .openbox-txt ul { padding-left:1.7em;}
	.kdwu-cert {width:100%; float:none; text-align:center;}
	.kdwu-cert img{width:50%; margin:0 auto;}
	.openbox .openbox-txt ul.kdwu {padding-left:0; width:100%;}
}