/*
Theme Name: SYPERT
Theme URI: ''
Author: AGENTUR SEELAND team
Author URI: https://agentur-seeland.de/
Description: SYPERT is a specific Theme for sypert it-solution.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: as

*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size:100%;
}
* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:none;
	outline:none;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong, .bold {
	font-weight: 700;
}

small, .small {
	font-size: 75%;
}
.smaller {
	font-size: 87.5%;
}
.normal {
	font-weight:normal;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .2;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */

.menu-item-has-children a:after,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	display: inline-block;
	font-family: "Genericons";
	font-size: 1rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 - Typography
 */
body,
button,
input,
select,
textarea {
	font-family:'Open sans', arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight:normal;
	line-height:1.5;
	color:rgb(40,40,40);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	line-height:1.25;
	text-rendering: optimizeLegibility;
	/*hyphens: auto;*/
}
h1, .h1 {
    font-size: 2.75em !important;
    font-weight: 300 !important;
    line-height: 1.1 !important;
}
section:not(.item-1) .h1 {
    margin-top: -1rem;
}
h2, .h2 {
    font-size: 2em !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
}
* + h2,
* + .h2 {
	margin-top:1.5em !important; 
}
h2 + * {
	margin-top:1em !important; 
}
h3, .h3 {
	font-size:1.25em !important;
}
h3 + *,
.h3 + * {
	margin-top:1em !important;
}
* + h3,
* + .h3 {
	margin-top:1.5em; 
}
@media(max-width:767px){
	h1 {
		font-size:2em;
	}
	h2 {
		font-size:1.5em;
	}
	h3 {
		font-size:1.125em;
	}
}
p {
	margin:0;
}
h1 + p, h2 + p, p + *, ul + *, ol + * {
	margin-top: 1em !important;
}
.nowrap {
	white-space:nowrap;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border: 0 solid #3d3d3d;
	border-left-width: 0.25em;
	color: #686868;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.5;
	margin: 1.75em 0 1.75em;
	padding: 0 0 0 1.25em;
}

blockquote,
q {
	quotes: none;
}

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

blockquote p + * {
    margin-top: 1.25em !important;
}

blockquote cite,
blockquote small {
	color: #3d3d3d;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

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

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Courier, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big, .big {
	font-size: 125%;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.fleft {
	float:left;
}
.fright, .col.fright {
	float:right;
}
.fnone {
	float:none;
}
.dtable {
	display:table;
}
.dcell,
.dtable > * {
	display:table-cell;
	vertical-align: top;
}
.dtable > * {
	display:table-cell;
}
.drow,
.dtable > .drow {
	display:table-row;
}
.dnone, .hide {
	display:none;
}
.white {
	color:#ffffff;
}
/**
 * 4.0 - Elements
 */

html {
	
}


body {
	background-color:rgb(255,255,255);
	overflow-x:hidden;
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0 0 0 1.25em;
	padding: 0;
}

ul {
	list-style: square;
	list-style-type: square;
}
ul ul {
	list-style:none;
}
ul ul li:before {
	content:"–";
	margin-left:-1em;
	width:1em;
	display:inline-block
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #686868;
	font-family: "Open sans", Arial, sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: "Open sans", Arial, sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: "Open sans", Arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #686868;
	font-family: "Open sans", Arial, sans-serif;
}


/**
 * 5.0 - Forms
 */

input {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #3d3d3d;
	border: 0;
	border-radius: 0.5rem;
	color: #fff;
	font-family: "Open sans", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 1.5em 0.78125em;
	text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #007acc;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid rgb(220,220,220);
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #3d3d3d;
	outline: 0;
}

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}


/**
 * 6.0 - Navigation
 */

/**
 * 6.1 - Links
 */

a {
	color: inherit;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: rgb(9, 91, 166);
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

.link_big {
	display:block;
	margin-top:1rem;
	margin-bottom:-1rem;
	min-height:16px;
	padding-left:40px;
	position:relative;
}
.link_big:before{
	content:url(images/icon_link_brown.png);
	vertical-align:center;
	position:absolute;
	top:-4px;
	left:0;
}
.link_big span {
	text-indent:0px;
	display:block;
	line-height:0.1;
	font-size:0.1
}
.link_big.solo {
	padding-left:32px;
}
.link_big.solo span {
	text-indent:-9999px;
}
a[href*="pdf"] {
	font-weight:bold;
}
a[href*="pdf"]::before {
	content: "";
	width: 2.375em;
	height: 3em;
	background: url(/wp-content/themes/SYPERT/images/icon_pdf.png) center center / cover no-repeat transparent;
	float: left;
	margin-right: 0.5em;
	margin-top: -0.5em;
}
.page-content p a,
.kontakt-form a {
	color:highlight;
}
.page-content p a:hover,
.kontakt-form a:hover{
	text-decoration:underline;
}

/**
 * 6.2 - Menus
 */


.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: inherit;
	content: "";
	height: 3rem;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 3rem;
}

.dropdown-toggle:after {
	border: 0 solid #d1d1d1;
	content: "\f431";
	font-size: 1.5rem;
	top: -0.125rem;
	position: relative;
	width: 3rem;
	display: table-cell;
	height:100%;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f432";
}




.post-navigation {
	border-top: 4px solid #3d3d3d;
	border-bottom: 4px solid #3d3d3d;
	clear: both;
	font-family: "Open sans", Arial, sans-serif;
	margin: 0 7.6923% 3.5em;
}

.post-navigation a {
	color: #3d3d3d;
	display: block;
	padding: 1.75em 0;
}

.post-navigation span {
	display: block;
}

.post-navigation .meta-nav {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.post-navigation .post-title {
	display: inline;
	font-family: "Open sans", Arial, sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.2173913043;
	text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #007acc;
}

.post-navigation div + div {
	border-top: 4px solid #777;
}

/**
 * 6.2 - PAGINATIONS
 */

/**  Page Pagination (Numbers at top/bottom) **/
.navigation.pagination {
    font-size: 1em;
    line-height: 1;
    padding: 3rem 0.5rem;
    text-align: center;
    margin: 0 auto;
	clear: both;
}
.navigation.pagination .page-numbers {
    padding: 0.5em 0.5em;
    margin: 0 0.5vw;
    text-decoration: none;
    display: inline-block;
    border-radius: 0.25em;
    height: 2em;
    min-width: 2em;
    line-height: 0.925;
    text-align: center;
    font-size: 1.25em;
    color: rgb(175,175,175);
	background-color: rgba(200,200,200,0.125);
}
.navigation.pagination .page-numbers.current {
    background-color: rgba(153,204,0,0.8);
    color: rgb(255,255,255);
}
@media(max-width:600px){
	.navigation.pagination {
		margin: 0 -2rem;
	}
}
/*.prev.page-numbers::before, 
.next.page-numbers::before {
    content: "\e809";
    font-family: "web-icon";
    font-size: 1.5em;
    line-height: 0.825;
    position: absolute;
    top: 0;
    left: -0.125em;
    color: rgb(100,94,89);
}
.next.page-numbers::before {
    content: "\e80a";
}
*/
.prev.page-numbers span, .next.page-numbers span {
    display: block;
    text-indent: -500vw;
}
.prev.page-numbers, .next.page-numbers {
    position: relative;
}

/****/
.image-navigation,
.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-family: "Open sans", Arial, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin: 0 7.6923% 2.1538461538em;
	padding: 1.0769230769em 0;
}

.comment-navigation {
	margin-right: 0;
	margin-left: 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}


/**
 * 7.0 - Accessibility
 */
.screen-reader-text {
	display:none;
}

/* Text meant only for screen readers */
x

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-main > article:before,
.site-main > article:after,
.main-menu:before,
.main-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-main > article:after,
.main-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}


/**
 * 10.0 - Widgets
 */



/*****************************************
*******  LAYOUT **********
*****************************************/
/**
 * 11.0 - Content
 */


.site {
	/*max-width:1600px;*/
	margin:auto;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.site-main {
	word-wrap: break-word;
}

.site-main > :last-child {
	margin-bottom: 0rem;
}
.page {
	min-height:30rem;
}
.content,
.minnav .site-header-main .content {
    margin: auto;
    max-width: 1000px;
    position: relative;
}
.small-content .content,
.small-content {
    max-width: 836px;
}
.section.full > .content,
.section.full-content > .content{
	max-width:none;
}

.col {
	float:left;
	width:100%;
}
.span1-1 {
	width:100%;
}
.span1-2 {
	width:50%;
}
.span1-3 {
	width:33.333%;
}
.span2-3 {
	width:66.666%;
}
.span1-4 {
	width:25%;
}
.span3-4 {
	width:75%;
}
.clearer {
    clear: both;
    height: 0 !important;
    margin: 0 !important;
}

.single article {
	margin-bottom:2rem !important;
}

.single .stage /*aktuell*/ {
	max-height:10rem;
}
.single h1 {
	font-size: 2.75em !important;
	margin-top: 0.5em !important;
}
.single .cats, .single .cats a {
	color: rgb(150,150,150) !important;
	font-size: 1em;
}
.single .posted-on time:not(.updated) {
    display: none;
}
.single .thumb {
    margin: 2em auto;
}
.single article img.alignnone {
	margin:1em auto;
}
.single article a {
	color:highlight;
}
.single article a:hover,
.single article a:focus {
	text-decoration:underline;
}
.single .subnavi {
	list-style: none;
	margin-left: 0;
	margin-top: 4rem;
	border-top: dotted 1px rgb(200,200,200);
}
.single .subnavi li {
	border-bottom: dotted 1px rgb(220,220,220);
	padding: 0.5em 0;
	font-size: 0.875em;
	line-height: 1.25;
	color: rgb(150,150,150);
}
.single .subnavi a.current-menu-item {
	font-weight:600;
}
.single aside {
	border-top: 0.0625rem solid;
	padding-top:1em;
	color: #777;
	margin-top:3rem !important;
}
@media(min-width:768px){
	.single .subnavi {
		margin-top: 0;
		margin-right: -10%;
	}
	.single aside {
		border-top:none;
		border-left: 0.0625rem solid;
		padding-top:0;
		padding-left: 1rem;
		margin-left: 5%;
		margin-top:0 !important;
		width: 20%;
	}
}

.multicol {
	margin: 0 -0.5rem;
}
.innercol {
    margin: -1rem;
}
.multicol > .col > .box {
    margin: 0.5em;
    padding: 2rem;
}
.multicol > .col.shadow > .box,
.innercol > .col.shadow > .box {
    box-shadow: 0 0 10px #000;
}
.innercol > .col > .box {
    margin: 0.5em;
    padding: 0.5em;
}
.col.empty > .box,
.col.blanc  > .box,
.parallax .box {
	background-color:transparent;
	box-shadow:none;
	padding:0 !important;
}
.nopadding, .nopadding .box{
	padding:0 !important;
}
.nopadding .multicol > .col > .box,
.nopadding .multicol > .col > .box .wpb_content_element {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.nopadding-top, .nopadding-top .box {
	padding-top:0 !important;
}
.nopadding-bottom, .nopadding-bottom .box {
	padding-bottom:0 !important;
}
.nopadding-left, .nopadding-left .box {
	padding-left:0 !important;
}
.nopadding-right, .nopadding-right .box {
	padding-right:0 !important;
}

.vc_grid.vc_row .vc_grid-item {
    float: left !important;
    min-height: 0;
}



section, .section {
	clear:both;
	max-width: none;
	padding-bottom:3rem;
	padding-top:3rem
}
.multicol + .col .box > h1:first-child {
    margin-top: -10px;
}

/** Tile **/
.tile .innercol .col .box .clearer {
    margin:0;
    padding-top:100%;
    max-height:30em;
    position:absolute;
}
.tile .multicol {
    margin:0;
}
.tile .multicol > .col > .box {
    display: table;
    margin: auto;
    padding: 0;
    width: 100%;
}
.tile .innercol {
    display: table-row;
    float: none;
    margin: 0;
    width: 100%;
}
.tile .innercol > .col {
    /*display: table-cell;
    float: none;*/
	vertical-align: top;
    background-position:center;
    background-size:cover;
	min-height:420px;
}

.tile .innercol .col .box {
   float: none;
    margin: 1em auto 2em;
    padding: 4rem !important;
    max-width: 600px;
}
@media(max-width:767px){
	.tile .innercol > .col {
        display: inline-block;
		min-height:0;
    }
	.tile .innercol .col .box {
		padding: 3rem 2rem 3rem !important;
		max-width:none;
		min-height:250px;
	}
}
.tile .innercol > .col {
    background-color:rgb(228, 224, 218);
}
.tile .innercol:nth-child(1) > .col:nth-child(1) {
    background-color:rgb(228, 224, 218);
}
.tile .innercol:nth-child(1) >  .col:nth-child(2) {
    background-color:rgb(228, 224, 218);
}

.tile .innercol:nth-child(2) > .col:nth-child(1) {
    background-color:rgb(228, 224, 218);
}
.tile .innercol:nth-child(2) >  .col:nth-child(2) {
    background-color:rgb(228, 224, 218);
}
@media(max-width:767px){
	.tile h2 {
		font-size:1.75em !important;
		hyphens:auto !important;
		-webkit-hyphens: auto;
	}
	.tile .link_big.fright {
		float:none
	}

	
}

.lead {
    font-size:1.25em;
    font-weight:300;
}

.lead-head {
    font-size: 3em; margin: 0 0 1rem 0;
    hyphens:none;
}
@media(max-width:767px){
    .lead-head {
        font-size:2.25em;
    }
}

/** TEASER **/
.teaser .col .box {
	padding:2.5em 1.25em;
}
.teaser .col,
.teaser.col {
	
}
.teaser .col .box img:first-child,
.teaser.col .box img:first-child {
	margin-top:0em;
}
.teaser .col h2,
.teaser.col h2 {
	font-size: 1.5em;
    font-weight: 300;
    line-height: 1.1;
    margin: -1em 0 0;
    padding: 0.75em 0 0.25em;
	min-height: 2.5em;
	hyphens:none;
}
.teaser .box > *:first-child + * {
    margin-top: 0.5em !important;
}
.teaser .box > *:first-child {
  position:relative;
  margin-top:-1em;
  overflow:hidden;
}

.teaser .box > *:first-child > img,
.teaser .box > *:first-child > a > img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
.teaser .col h2 span,
.teaser.col h2 span {
	display:block;
	height:0;
	overflow:hidden;
}

/* Button */
div.button {
    margin-bottom: -0.5em;
    margin-top: 1.75em !important;
}
div.button a {
    background-color: rgb(9, 91, 166);
    border: 0 solid;
    color: rgb(255, 255, 255);
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1px;
    padding: 0.5em 1.25em;
    text-decoration: none;
    text-transform: uppercase;
}
/*** more-link **/
a.more-link {
    display:block;
    width:auto;
    margin-top:0.5em
}
a.more-link span {
    display:inline-block;
    padding:0.125em 0.5em;
    background-color:#fff;
    width:auto;
	font-size:0.875em;
}
.news a.more-link {
	margin-top: 1em;
}
.news a.more-link span {
	padding: 0;
	color: rgb(153,204,0);
	font-weight: 600;
	font-size: 1em;
}

/**  TEASER COMPACT **/
.teaser.compact .box > *:first-child {
    margin: -0.75em -0.75em 0;
    overflow: hidden;
    padding-top: 66.7%;
    position: relative;
}
.teaser.compact .col .box, .teaser.col.compact .box {
    background-color: rgb(234, 237, 237); 
    padding: 0.75em;
}
.teaser.compact div.button {
    margin-bottom: 1em;
    margin-top: 1em !important;
}

.teaser.shadow .col .box, .teaser.col.shadow .box {
    box-shadow: 0 -8px 10px -8px #666;
}
/**  TEASER LINKBOX ROUND **/
.linkbox {
    display: inline-block;
    hyphens: auto;
    min-width: 10rem;
    padding: 1rem;
    width: 24.5%;
}
.linkbox_box {
    display: block;
    padding-top: 100%;
    position: relative;
    text-align: left;
}
.linkbox_link {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(9, 91, 166, 0.25) 5%, #095ba6 80%) repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.linkbox_text {
    border-spacing: 0.125rem;
    display: table;
    height: 100%;
    width: 100%;
}
.linkbox_text span {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: table-cell;
    font-size: 1.125em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.linkbox_link * {
	transition:all 200ms ease-in 0s;
}
.linkbox_link:hover .linkbox_text span {
    background: rgb(9, 91, 166) no-repeat scroll 0 0;
	color:#fff;
}


/** submenue **/
ul.submenu {
	-moz-column-count: 3;
	-moz-column-gap: 0.25em;
	-webkit-column-count: 3;
	-webkit-column-gap: 0.25em;
	-webkit-column-count: 2;
	        column-count: 2;
	column-gap: 0.25em;
	list-style:none;
	margin: -3rem 0rem -2rem;
}
ul.submenu li {
    line-height: 1.1em;
    display: block;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.03125em;
}
ul.submenu li.active {
	
}
ul.submenu li a {
	padding: 1em 0.75em;
	display: block;
	letter-spacing: inherit;
	margin: 0px 0 0.25em 0px;
	background: rgb(240,240,240);
	border-radius: 0.5em;
	/* border: solid 1px rgb(200,200,200); */
	font-size: 1.125em;
	font-weight: 400;
}
ul.submenu li a:hover {
    opacity:1;
	background: rgba(0,150,162,0.2);
}
ul.submenu li a:focus {
    opacity:1;
}

ul.submenu li.active a {
	background-color: rgba(153,204,0,0.85);
	font-weight: 600;
	letter-spacing: 0;
	color: rgb(255,255,255);
}
@media (min-width:740px) {
	
}
@media (max-width:499px) {
	ul.submenu {
		-webkit-column-count: 1;
		column-count: 1;
		margin: -1.5rem -1.375rem -2rem;
	}
	ul.submenu li:nth-child(1n+1) a {
	  border-top:solid 2px #fff;
	}
}
@media (min-width:500px) and (max-width:739px) {
	ul.submenu {
		-webkit-column-count: 2;
		column-count: 2;
		margin: -1.5rem -1rem -2rem;
	}
	ul.submenu li:nth-child(4n+1) a {
	  border-top:solid 2px #fff;
	}
}


/**  SUSUBMENU **/
.subSubmenuWrapper {
    padding:0 2.5em 2em;
}
.subSubmenuWrapper h3 {
    border-bottom: 1px solid;
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 1em;
    padding: 0.5em 0;
}
.subSubmenu {
    list-style: outside none none;
    margin: 0;
}
.subSubmenu li {
	
}
.subSubmenu li a {
    color: #095ba6;
    display: block;
    font-size: 1.25em;
    font-weight: 400;
    padding: 0.25em 0;
}
.subSubmenu li a:after {
    border: 1px solid #095ba6;
    border-radius: 3px;
    color: #095ba6;
    content: "+";
    float: right;
    height: 1em;
    line-height: 1;
    text-align: center;
    width: 1em;
}
.subSubmenu li a.show,
.subSubmenu li a:hover {
    opacity:0.5;
}
.subSubmenu li a.show:after {
    content: "–";
}

/**  GALLERY SUBCONTENT **/
.toggleCont .gallery {
  float:right;
  width:12.875rem;
  margin:0 0 0 1em;
  
}
@media (max-width:459px) {
	.toggleCont .gallery {
	  float:left;
	  width:100%;
	  margin:0 auto 1rem;
	  
	}
}
.toggleCont .gallery .bx-controls {
    display:none;
}

/** PARALLAX **/
.parallax {
    /*height: 700px;*/
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
	overflow:hidden;
	background-size:cover;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding-top:46.25%;
	max-height:700px;
	min-height:25rem;
}
@media (max-width:999px) {
	.parallax {
		/*background-size:120%;*/
		background-attachment:scroll;
		background-position:50% 40% !important;
	}	
}
.parallax > .content {
	position: absolute; height: 100%; width: 100%; bottom: 0px; max-width: none;
}
.content.wpb_button, .content .wpb_content_element, .content ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
}


/**Sprechzeiten**/
.sprechzeiten {
    margin-bottom: 1rem;
  }
.site-footer .sprechzeiten {
    
  }
.sprechz span.dcell {
	padding: 0.125em;
	vertical-align: middle;
	line-height: 1.25
}
.sprechz span.day {
	padding-right: 1em;
}
.sprechz span.and {
	padding-left: 1em;
	padding-right:1em;
}
.sprechz span.hour {
}
.telefon {
	display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0.75em 0;
}
.telefon span:first-child {
	display:none;
}
.telefon::before {
    content: url("/wp-content/themes/SYPERT/images/icon_telephone.svg");
    float: left;
    margin: -0.125rem 1rem 0 0;
	opacity:0.75;
}
.telefon > span:first-child {
	padding-right:0.5em;
}
.email {
	clear:both;
	display:block;
}
.email .mailtxt {
	display: inline-block;
    text-indent: -9999px;
	position:absolute;
}

/**
 * 11.1 - Header
 */

.site-header {
    position: relative;
    z-index: 1000;
	height: 7.8125rem;
	background-color:rgb(255,255,255);
}
.minnav .site-header .site-header-menue-wrapper {
	position:fixed;
	top:0;
	margin-top:0;
	box-shadow:0 4px 5px 0 rgba(102, 102, 102, 0.8);
	background: rgba(255,255,255,0.85) url("images/LOGO_SYPERT_small_clean_full.svg") no-repeat scroll 4% center / auto 1.875em;
}

.site-header-main {
	display: block;
	position:relative;
	height:100%;
}
.site-header-main .content {
	max-width: 1600px;
    transition: all 500ms ease 200ms;
    /*z-index: 1000;*/
}
@media(max-width: 1700px) {
	.site-header-main .content {
		max-width:1400px;
	}
}
@media(max-width: 1500px) {
	.site-header-main .content {
		max-width:1200px;
	}
}
@media(max-width: 1300px) {
	.site-header-main .content {
		max-width:1100px;
	}
}
@media(max-width:1100px) and (min-width:768px){
	.minnav .site-header-main .content {
		padding-left: 10rem;
	}
}


/** LOGO **/
.logo {
    background: rgba(255, 255, 255, 1) url("images/LOGO_SYPERT_big.svg") no-repeat scroll center center / 80% auto;
    box-shadow: 0 2px 3px 0 rgba(102, 102, 102, 0.8);
    height: 10rem;
	top:0;
    position: absolute;
	left:7px;
    width: 15rem;
    z-index: 1000;
	transition: all 300ms ease-in 450ms, width 275ms ease 350ms, opacity 300ms ease 300ms;
}
.minnav .logo {
	opacity: 0;
    top: -300px;
    transition: opacity 0s ease 0s;
    width: 150px;
}
.logo-title,
.logo a {
	width:100%;
	height:100%;
	display:block;
}
.logo a span {
	text-indent:-9999px;
	position:absolute;
}

/** HEADER-MENU **/
.site-header-menue-wrapper {
    position: absolute;
    right: 0;
	top:-7.8125rem;
	margin-top: 7.8125rem;
    width: 100%;
    /*z-index: 100000;*/
	background-color:rgb(255,255,255);
	transition:top 500ms ease 0s;
}
body:not(.minnav) .site-header-menue-wrapper > .content {
	padding-left:15.5rem;
}
.site-header-menu {
    color: inherit;
    transition: all 300ms ease-in 0s;
	font-weight:400;
}
.site-header-menu-wrapper > .content {
    max-width:1100px;
}
.minnav .site-header-menu {
   margin-left: 0;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
	right:0;
}
.main-menu {
    color: inherit;
    display: table;
    letter-spacing: 0px;
    text-transform: none;
    width: 100%;
}
.main-navigation {
	font-family: "Open sans", Arial, sans-serif;
	font-size:1rem;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation li {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.main-navigation a {
	/*background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0);*/
    color: inherit;
	display: block;
	font-size: 1.125rem;
	line-height: 1;
	margin: 0 0.125em;
	outline-offset: -1px;
	padding: 3.25rem 1rem 3.4375rem;
	/*box-shadow:0 0 0.25em rgba(102, 102, 102, 0.8);*/
	transition: all 500ms ease 0s;
	text-transform: uppercase;
}

.main-navigation ul.main-menu {
	
}

.main-navigation a:hover,
.main-navigation a:focus {
	color:#007acc;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a {
	font-weight: 700;
}

@media(min-width:768px){
	.menu-item:hover .sub-menu {
		display: block;
	}
	.main-menu > li:first-child {
		display: none;
	}
}


.main-navigation ul .toggled-on {
	display: block;
    max-height: 90vh;
    overflow-y: auto;
}

.main-navigation .main-menu {
	
}

.main-navigation .menu-item-has-children > a {
	
}
body:not(.minnav) .dropdown-toggle {
	top:2.34375rem;
	transition:top 500ms ease 0s;
}
.minnav .main-navigation a {
	padding: 1rem;
}

@media(max-width:767px){
	.toggled-on .main-navigation a {
		padding: 1rem;
	}
}



/** submenu **/

.main-navigation ul ul {
    display: none;
    position: absolute;
	left:50%;
	text-transform:none;
	letter-spacing:0;
	text-align:left;
	margin: 0 0em 0 -10rem;
	width:20rem;
	box-shadow: 0 1px 3px rgb(0,0,0,0.5);
}
@media(min-width:768px){
	body:not(.minnav) .sub-menu {
		margin-top:-2em;
	}
}
@media(max-width:767px){
	.toggled-on .main-navigation ul ul {
		position: relative;
		margin: 0 0em 0 -50vw;
		width:100vw;
	}
}


.no-js .main-navigation ul ul {
	display: block;
}
.main-navigation ul ul li {
    float: left;
    width: 100%;
}
.main-navigation ul ul li:before {
    content:none;
}
.main-navigation ul ul li a {
    box-shadow: none;
	border-bottom: 1px solid;
	border-top: 1px solid rgb(255, 255, 255);
	margin:0;
	padding:1rem;
	background-color:rgb(255,255,255);
}
.main-navigation ul ul li:first-child a {
    border-top: 1px solid;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul ul li a:active {
    background-color: rgb(37, 37, 37);
    border-top-color: transparent;
    color: rgb(255, 255, 255);
}

@media (max-width:1024px) {
	.logo {
		width:200px;
		/*background-size:70% auto;*/
		height:12rem;
		left:6px;
	}
	.site-header-menue-wrapper > .content {
    padding-left: 210px;
	}
}
/* menu toggle*/

.menu-toggle {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;
    border: medium none;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.25;
    margin: 0;
    padding: 0;
	display:none;
}
.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
	background-color: transparent;
	border-color: #007acc;
	color: #ffffff;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}

/**  FOOTER TOP MENU **/

@media (max-width:767px) {
	.site-footer-top, .site-footer-top .content {
	  margin:0 -11px 0 !important;
	  width:auto !important;
	  float:none !important;
	}
	.site-footer-content iframe {
		width:100%;
	}
}


/** STAGE **/
/** STAGE **/
.stage {
	background:lightgrey;
	position:relative;
	height: 30rem;
	height: 100vh;
    /*max-height: 50rem;
    min-height: 30rem;*/
	max-height: 15rem;
	min-height: 15rem;
}
.home .stage {
	max-height: 22rem;
	min-height: 22rem;
}
.stage {
	margin-top:0rem;
}
.stage .stageslider {
	height:100%;
	margin:0;
	padding:0;
}
.stage .stageslider li {
	height:100%;
	width:100%;
}
.stage .bx-wrapper,
.stage .bx-wrapper .bx-viewport,
.stage .bx-wrapper .bx-viewport > ul,
.stage .bx-wrapper .bx-viewport > ul > li {
	height:100%;
}
.stage .bx-wrapper .bx-viewport {
   	overflow:visible !important;
}

.stage .desc-wrapper {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.stage .desc {
	height:100%;
	width:100%;
}
.stage .desc .hero {
	background:rgba(235,0,0,1.0);
	max-width:600px;width:100%;
	padding:2em 2em 2.25em;
	position:absolute;
	top:10rem;
	right:0;
	color:#fff;
}

.stage .desc .hero:after {
    content:" ";
    position:absolute;
    left:100%;
    top:0;
    right:-600%;
    bottom:0;
    background:inherit;
}
.stage .desc h1 {
	
}
.stage .desc p {
	font-weight: 400;
	font-size: 1.06125em;
}

.stage .slide {
	background-size:cover;
	background-position:center center;
	opacity:1;
	z-index:60;
}
.stage .slide.out .desc .hero {
	opacity:1;
	right:-100%;
}
.stage .slide.out .desc .hero {
	transition:all 500ms ease-in 0s;
}
/*.stage .slide.active,*/
.stage .slide.active .desc .hero {
	opacity:1;
	right:0;
}
@media(max-width:767px){
	.stage {
		max-height: 20rem;
		min-height: 20rem;
	}
	.stage .desc .hero {
		top:auto;
		bottom:-2rem;
		padding-left: 0;
		padding-right: 0;
	}
	
	.stage .desc p {
		margin-top:-1em !important;
		margin-bottom:-1em !important;
	}
	.stage .desc br {
		display:none;
	}
	.stage .slide {
		background-position: 30% center;
	}
	.stage .desc {
		bottom: 0;
		margin-top: 0;
		padding-left:0;
		position: absolute;
		text-align: center;
	}
	.stage .desc h1 {
		margin: 0;
		padding: 0 10px !important;
		width: 100%;
	}
	.stage .desc p {
		padding: 32px 10px 10px !important;
		width:100%;
	}
	
	
}
@media(max-width:499px){
	.stage {
		max-height: 20rem;
		min-height: 20rem;
	}
}
/*FOOTER KONTAKT-FORM*/
.section.kontakt-form {
	background: -webkit-linear-gradient(rgb(247,247,247), rgb(255,255,255));
	background: linear-gradient(rgb(247,247,247), rgb(255,255,255));
	margin-top: 2rem;
}
.section.kontakt-form h3 {
	color: rgb(100,100,100);
	margin: -2.5rem auto 1.25em;
	font-size: calc(1.5em + 0.25vw) !important;
	font-weight: 300;
}
.section.kontakt-form input:not([type="submit"]),
.section.kontakt-form textarea {
    background-color: rgb(255,255,255);
}
.section.kontakt-form textarea {
    height:11.5rem;
}
.section.kontakt-form label {
    font-size:0.875em;
	color:rgb(100,100,100);
}
.section.kontakt-form p {
    margin-top: 0 !important;
}
.section.kontakt-form label.datenschutz {
	float: left;
	margin-top: 2rem;
}
.section.kontakt-form input[type=submit] {
    margin-top: 1.5rem !important;
	float:right;
}
@media(min-width:768px){
	.section.kontakt-form .col.span1-2 {
		padding-right:1rem
	}
	.section.kontakt-form .col.span1-2 + .col.span1-2 {
		padding-left:1rem;
		padding-right:0;
	}
}
/**
 * 11.2 - Posts and pages
 */


/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */


/**
 * 11.3 - Post Formats
 */




/**
 * 11.4 - Comments
 */


/**
 * 11.5 - Sidebar
 */

.sidebar {
	
}


/**
 * 11.6 - Footer
 */

.site-footer {
	background-color: rgb(90, 90, 90);
    /*background-image: url("/cms/con/themes/kusche/images/kusche_signet_kreuz_768.png");
    background-position: calc(50% - 450px) 60%;
    background-repeat: no-repeat;*/
	clear: both;
    float: left;
    width: 100%;
	padding:0 0;
    position:relative;
    color:rgb(255,255,255);
	color:rgba(255,255,255,0.75);
}

.site-footer > .content {
	display:block;
	padding-left:2rem;
	padding-right:2rem;
}
.site-footer h2,
.site-footer .h2{
	color:rgb(255,255,255);
	color:rgba(255,255,255,0.3);
}
.site-footer a {
	text-decoration:none;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
	opacity:1;
	color:inherit;
	font-weight:500;
}
.site-footer p + p {
  margin-top:0.5em !important;
}
.site-footer .linkliste {
  margin:0 2.5em 0 1.125em;
}

.site-footer-top {
    background-color: rgba(40, 40, 40, 0.5);
    margin-bottom: 1rem;
    margin-top: 0em;
    padding: 0.75rem;
	opacity:0.75;
}
.site-footer-top {
    margin-top: -3em;
}
.site-footer-content {
    padding:1.5em 0;
}
.site-footer-content .col {
    margin: 0rem 0 1rem;
}
@media(min-width:768px){
	.site-footer-content .span1-4 {
		width:20%;
	}
	.site-footer-content .span3-4 {
		width:80%;
	}
}
@media(max-width:767px){
	.site-footer-content {
		padding-left:2rem;
		padding-left:2rem;
	}
	.site-footer-content .col.span1-2 {
		margin-bottom:2em !important;
	}
	.site-footer-bottom {
		text-align:center;
	}
	.site-footer-bottom .basic-navi {
		display: inline-block;
		float: none;
	}
	.site-footer-top {
		display:none;
	}
}
@media(min-width:600px) and (max-width:767px){
	.site-footer {
		background-image:none;
	}
	.site-footer-content .col.span1-2 {
		clear:none;
		width:50% !important;
	}
}

.site-footer-content .social {
	font-size:0.875em;
}
.site-footer-content .social a {
	 opacity:0.75;
	 display:block;
}
.site-footer-content .social img {
	margin-right: 1em;
    max-width: 2.25rem;
	opacity:0.75;
}

.site-footer-bottom {
    font-size:12px;
    padding:16px 0 !important;
    border-top:solid 1px rgba(255,255,255,0.5);
    position:relative;
    clear:both;
	opacity: 0.75;
}
@media (max-width:1024px) {
	.site-footer {
		background-position: calc(50% - 45vw) 60%;
	}
	.site-footer-bottom {
		padding-left:1.5rem !important;
		padding-right:1.5rem !important;
	}
}
@media(max-width:599px){
	.site-footer {
		background-position: calc(50% + 70vw) 60%;
	}
}
.site-footer-content .logobottom {
    margin:auto;
    max-width: 100%;
	opacity:0.75;
}
.site-footer-content .adress {
	
}

.site-footer-bottom .basic-navi {
	float: right;
}
.site-footer-bottom .basic-menu {
	font-size: inherit;
	list-style: outside none none;
	margin: 0 0;
	padding: 0;
}
.site-footer-bottom .basic-menu li {
	float: left;
}
.site-footer-bottom .basic-menu li:before {
	content:"|";
	margin: 0 8px;
}
.site-footer-bottom .basic-menu li:nth-child(1):before {
	content:"";
}
.site-footer-bottom .basic-menu li a {
	
}
.site-footer-bottom .site-info {
	
}
.site-footer-bottom .site-info a {
	
}
/******* pagenavi ******/
.link_start {
    padding-left:2em;
    position:relative;
	cursor: pointer;
}
.link_start:before {
    content:url(/wp-content/themes/SYPERT/images/icon_home.svg);
   position:absolute;
    top:-0.375em;
    left:0;
    height:1em;
    width:1em;
	cursor: pointer;
}
.link_top {
    padding-left:2em;
    position:relative;
    float:right;
	cursor: pointer;
}
.link_top:before {
    content:url(/wp-content/themes/SYPERT/images/icon_top.svg);
   position:absolute;
    top:-0.25em;
    left:0;
    height:1em;
    width:1em;
	cursor: pointer;
}
.link_back {
    padding-left:2em;
    position:relative;
    float:right;
    margin-right:2em;
	cursor: pointer;
}
.link_back:before {
    content:url(/wp-content/themes/SYPERT/images/icon_back.svg);
   position:absolute;
    top:-0.255em;
    left:0;
    height:1em;
    width:1em;
	cursor: pointer;
}
.link_sound {
    padding-left:2em;
	margin-left: 1em;
    position:relative;
	cursor: pointer;
}
.link_sound:before {
    content:url(/wp-content/themes/SYPERT/images/icon_sound_play.svg);
   position:absolute;
    top:-0.375em;
    left:0;
    height:1em;
    width:1em;
	cursor: pointer;
}
.link_sound.pause:before {
    content:url(/wp-content/themes/SYPERT/images/icon_sound_pause.svg);
}



.sidebox {
	padding:1em;
	font-size:87.5%;
	background-color: #f5f5f5;
}

/***** MARKERCOLOR ******/
.red .site-footer,
.red .stage .hero {
	background-color: rgb(235,0,0);
}
.red .site-footer-top {
	background-color: rgba(57,113,183,0.5);
}
.blue .sidebox, .blue .page-content {
	background-color: rgba(57,113,183,0.075);
}
.blue .link_big:before{
	content:url(/wp-content/themes/SYPERT/images/icon_link_blue.png);
}
.brown .site-footer,
.brown .stage + .page > * > .section:first-child .multicol:first-child > .col:first-child > * h1,
.brown #bgvideo + .page > * > .section:first-child .multicol:first-child > .col:first-child > * h1{
	background-color: rgb(167,158,139);
}
.brown .site-footer {
	color:rgba(255,255,255,0.95);
}
.brown .site-footer h2 {
    color: rgba(255, 255, 255, 0.4);
}
.brown .site-footer-top {
	background-color: rgba(167,158,139,0.5);
}
.brown .sidebox {
	background-color: rgba(167,158,139,0.075);
}
.brown .page-content {
	background-color: rgba(167,158,139,0.25);
}



/***** CONTENT *******/

/** vers. table **/

.tab-blank { 
    border:none;
    border-collapse:collapse;
    width:100%;
  }
.tab-blank th, .tab-blank td {
    border-bottom: 1px dotted #ccc !important;
    border-top: 1px dotted #ccc !important;
    padding: 0.25em 1em 0.125em 0;
    vertical-align: top;
}

.tab-single {
  width:100%;
  border:none;
  margin:0;
}
.tab-single tr:nth-child(even) {background: rgb(234, 237, 237)}
.tab-single tr:nth-child(odd) {background: #fff}
.tab-single th, .tab-single td {
    border: medium none;
}
 .tab_1 th {
	 vertical-align:bottom;
	 border-bottom:solid 2px rgb(234, 237, 237);
	 text-align:center;
	 hypens:auto;
 }
 .tab_1 .art-num,  .tab_1 .fueller {
	 text-align:left;
 }
.tab_1 tbody td {
	 text-align:center;
 }
.tab_1 tbody tr td:first-child,
.tab_1 tbody tr td:last-child {
	 text-align:left;
 }
 .tab_2 th {
	 vertical-align:bottom;
	 border-bottom:solid 2px rgb(234, 237, 237);
	 text-align:center;
	 hypens:auto;
 }
 .tab_2 .art-num {
	 text-align:left;
 }
.tab_2 tbody td {
	 text-align:center;
 }
 .tab_2 tbody tr td:first-child {
	 text-align:left;
 }
.tab-materialien {
	margin-bottom:2em;
}
/** vers. links **/


/** TEASER-TOP **/
  .teaser [data-top] {
    position:relative;
    overflow:hidden;
  }
  .teaser [data-top]:before {
    content:attr(data-top);
    position:absolute;
    background:red;
    z-index:100;
    color:#fff;
    font-weight:700;
    padding:0.5em 3.5em;
    top:0.75em;
    right:-2.5em;
    transform:rotate(45deg);
      
  }




/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
}
.wp-audio-shortcode + *,
.wp-video + *,
.wp-playlist.wp-audio-playlist + * {
	margin-top: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
	max-width: 100%;
}
.wp-caption + .wp-caption {
	margin-top:1rem;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 0.75rem;
	font-style: italic;
	line-height: 1.25;
	padding: 0.5em 0;
}
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom:0;
}

/**
 * 12.2 - Galleries
 */

.gallery {
	
}
* + .gallery,
.gallery + * {
	margin: 1em 0;
}
.gallery ul {
	list-style:none;
	margin-left: 0;
}

.gallery:after,
.clear:after{
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.gallery-item {
	display: inline-block;
	max-width: 33.333%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
.gallery .item img {
	width:100%;
}


/* TYPE -> GRID */
.grid {
	padding: 0;
}
.grid .item {
	float: left;
	position: relative;
	height: auto;
}
.grid.slider {
	display: none;
}
.bx-wrapper .grid.slider {
	display: block;
}
/*Grid Cols */
.grid .item > .wrapper {
	padding-top: 56.25%; /*16:9*/
	overflow:hidden;
	position: relative;
}
.grid.col-1 .item {
	width: 100%; /*1100px*/
	/*padding-top:56.25%; /*16:9*/
}
.grid.col-2 .item {
	width: 50%; /*550px*/
	/*padding-top:28.125%; /*16:9*/
}
.grid.col-3 .item {/*3-cols*/
	width: 33.333%; /*366px*/
	/*padding-top:18.75%; /*16:9*/
}
.grid.col-4 .item {
	width: 25%; /*274px*/
	/*padding-top:14.0625%; /*16:9*/
}

/*Grid normal 1100px / 8px border*/
.grid {
	margin: auto -0.5rem; /*-16px / bei 1100px / 1124px gesamt*/
	list-style:none;
}
.grid > .wrapper {
	float: left;
	padding: 0.5rem; /*1px*/
	width: 100%;
}
.grid .item {
	margin: 0; /*0px*/
	border:solid 0.5rem transparent;
}

/*Grid thin 1100px / 2px border*/
.grid.thin {
	margin: auto -0.25rem; /*-3px / bei 1100px / 1106px gesamt*/
	padding:0; /*1px*/
}
.grid.thin > .wrapper {
	float: left;
	padding: 0.0625rem; /*1px*/
	width: 100%;
}
.grid.thin .item {
	margin: 0; /*0px*/
	border:solid 0.125rem transparent;
}

/* Grid Animation*/
.desktop .grid .item .thumb {
	-webkit-tranform: translate3D(0,0,0);
	tranform: translate3D(0,0,0);
	-webkit-transition: width 500ms ease-out 0ms, height 500ms ease-out 0ms, left 500ms ease-out 0ms, top 500ms ease-out 0ms, opacity 500ms ease-out 0ms;
	transition: width 500ms ease-out 0ms, height 500ms ease-out 0ms, left 500ms ease-out 0ms, top 500ms ease-out 0ms, opacity 500ms ease-out 0ms;
}
.grid .item .thumb {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center 50%;
	background-size: cover;
}
.desktop .grid .item:hover .thumb {
	width: 130% !important;
	height: 130% !important;
	left: -15%;
	top: -15%;
}
.grid .item .thumb a {
	display: block;
	width: 100%;
	height: 100%;
}
.grid .item .thumb a span {
	display: none;
}
.grid .item .content {
	bottom: 0;
	position: absolute;
	text-align: right !important;
	width: 100% !important;
	overflow: hidden;
}
.grid .item .header {
	color: #ffffff;
	opacity: 0;
}
.grid .item:hover .header {
	opacity: 1;
}
.grid .item .title {
	font-size: 1em;
	font-weight: bold;
	font-family: normal;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0;
	color: inherit;
	float: right;
}
.grid .item .title span {
	padding: 0 0.5em;
	background-color: #000000;
	background-color: rgba(0,0,0,0.7);
	word-spacing: -0.8em;
}
.grid .item .desc {
	font-size: 0.8em;
	font-style: italic;
	padding: 0.234em 0 0;
	display: none;
	color: inherit;
}
.grid .item a {
	color: inherit;
}

/* GALLERY-Zoom */
.pointer {
	cursor: pointer;
}
.zoom {
	cursor: pointer;
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}
.zoom-wrapper {
	position: absolute;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
}
.zoom-wrapper > .overlay {
	width: 100%;
	height: 100%;
	background: #000000;
	position: fixed;
}
.zoomgallery {
	margin-top: 10%;
	height: 85%;
	max-width:1200px;
	margin:auto; 
}
.zoomgallery .bx-wrapper {
	width: 98%;
	background: #ffffff;
	padding: 0;
	box-shadow: 0 0 6.25em;
	-moz-box-shadow: 0 0 6.25em;
	-webkit-box-shadow: 0 0 6.25em;
	-ms-box-shadow: 0 0 100px;
}
.zoomgallery .bx-wrapper .bx-pager {
	margin-left: -2.5em;
	font-size: 0.75em;
	padding-left: 1em; 
}
.zoomgallery.small .bx-wrapper .bx-pager {
	font-size: 1.5em;
}
.zoomgallery .bx-wrapper .bx-pager.bx-default-pager a {
	border-color: #ffffff;
}
.zoomgallery .bx-wrapper .bx-pager.bx-default-pager a:hover,
.zoomgallery .bx-wrapper .bx-pager.bx-default-pager a.active {
	/*background-color: #ffffff;*/
}
.zoomgallery .bx-wrapper .bx-prev::before, 
.zoomgallery .bx-wrapper .bx-next::after {
    color: #fff;
}
.zoomgallery .bx-wrapper .bx-prev {
	left: 0.25em;
}
.zoomgallery .bx-wrapper .bx-next {
	right: 0.25em;
}

.zoomgallery ul.slider > li {
	background: #f5f5f5;
}
.zoomgallery ul.slider > li img {
	width: auto;
	/*min-height:300px;
	max-height: 675px !important;*/
	margin:auto;
}
.zoomgallery ul.slider > li .meta {
	background: #ffffff;
	padding: 1em 1em 0.75em;
	margin: 0.5em;
	margin: 0 0 0 0;
	font-size: 0.875em;
	position: absolute;
	bottom: 0;
}
.zoomgallery ul.slider > li .meta > h3 {
	padding: 0;
	margin: 0;
}
.zoomgallery ul.slider > li .meta > p {
	margin: 0;
}


/************************/
/******* ACCORDION ***********/
/************************/
.ac-wrapper {
	/*margin-top:2em;*/
}
p + .ac-wrapper {
    margin-top: 3em !important;
}
.ac-container {
}
.ac-link:after,
.ac-label:after {
	font-size: 1.5em;
	position: absolute;
	right: 0.25em;
	top: -0.25em;
	font-weight:normal;
	font-family:normal;
}
.ac-link:after,
.ac-label:after {
	content: "\e81d";
}
.ac-current > .ac-link:after,
.ac-identifier:checked + .ac-label:after, 
.ac-identifier:focus + .ac-label:after {
	content: "\e812";
	font-size: 1.5em;
	right: 0.125em;
	color:#cccccc;
}

.ac-link,
.ac-label {
	width:100%;
	padding-right: 2.5em;
	display: block;
	cursor: pointer;
	position: relative;
	line-height:1.3;
}
.ac-head > a:hover,
.ac-head > a:focus {
	color:inherit;
	text-decoration:inherit;
}
.ac-head {
	white-space: normal !important;
	z-index: 2;
	margin: 0.125em 0 0.125em;
}
/* Mode css */
.ac-label {
	cursor:pointer;
}
.ac-identifier {
	position:absolute;
	left:-9999px;
}
.ac-content {
	overflow:hidden;
	position:relative;
}
/* transition*/
.ac-head + .ac-content > .ac-content-inner,
.ac-identifier ~ .ac-content > .ac-content-inner {
	position: absolute;
	top: 100%;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-webkit-transition: -webkit-transform 300ms ease 0s;
	transition: transform 300ms ease 0s;
	visibility: visible;
	z-index: -1;
}
.ac-head.ac-current + .ac-content > .ac-content-inner,
.ac-identifier:checked ~ .ac-content > .ac-content-inner,
.ac-identifier:focus ~ .ac-content > .ac-content-inner {
	position: relative;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
	z-index: 10;
}
.no-css3 .ac-head + .ac-content {
	overflow: visible;
	display:none;
}
/**** FAQ *****/
.faq .ac-container {
	margin-top: -2px;
}
.faq .ac-link::after,
.faq .ac-label::after {
	color: #999999;
	font-family: "web-icon";
	font-size: 1.75rem;
	line-height: 1;
	right: 0;
	top: 0.75em;
}
.faq .ac-link,
.faq .ac-identifier ~ .ac-label,
.faq .ac-identifier ~ .ac-label {
	border: solid 1px rgb(225,225,225);
	border-left-width:0;
	border-right-width:0;
	color: inherit;
	cursor: pointer;
	position: relative;
	z-index: 2;
	padding: 1.25rem 2.5rem 1.25rem 0rem;
}
.faq .ac-head {
	
}

.faq .ac-content {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0em 0.75em;
	border: solid 1px transparent;
	border-top: 0;
	width: 100%;
}
.faq .ac-current .ac-link,
.faq .ac-identifier:checked ~ .ac-label,
.faq .ac-identifier:focus ~ .ac-label {
	border-bottom: 0;
	border-color: rgb(73,73,73);
	background: transparent;
	color: inherit;
	padding-bottom: 1em;
	padding-top: 2.5em;
}
.faq .ac-current.ac-head + .ac-content,
.faq .ac-identifier:checked ~ .ac-content,
.faq .ac-identifier:focus ~ .ac-content {
	background: transparent;
	display: block !important;
	border-color: rgb(73,73,73);
	border-left-width:0;
	border-right-width:0;
	padding: 0 0em 3em;
}
.faq + .faq > .ac-titel {
	margin-top: 1em;
	margin-bottom: 0;
}
.faq .ac-titel {
	font-family: normal;
	font-weight: bold;
}
.faq.level-2 .ac-titel {
	font-size: 1em;
	font-weight: normal;
}
.faq.level-2 .ac-titel:before {
	content: "– ";
}
.faq.level-2 .ac-titel:after {
	content: " –";
}
.faq .ac-content p:last-child {
	margin-bottom: 0;
}

.faq-checked .ac-head::before {
	content: "\e816";
	font-family: "web-icon";
	padding-right: 0.75em;
	font-size: 1.25em;
	line-height: 1;
	color: rgb(153,204,0);
	float: left;
	margin-bottom: 0.5em;
}
.faq-checked .ac-link::after, 
.faq-checked .ac-label::after {
    content: "\e814";
    opacity: 0.5;
}
.faq-checked .ac-link:hover::after, 
.faq-checked .ac-label:hover::after {
    opacity: 1;
}
.faq-checked .ac-current > .ac-link::after, 
.faq-checked .ac-identifier:checked + .ac-label::after, 
.faq-checked .ac-identifier:focus + .ac-label::after {
    content: "\e812";
    opacity:1;
}
.faq-checked .ac-current > .ac-link .ac-head::before, 
.faq-checked .ac-identifier:checked + .ac-label .ac-head::before, 
.faq-checked .ac-identifier:focus + .ac-label .ac-head::before{
    content: none;
}

@media(max-width:767px){
    
    .ac-content-inner {
        font-size: 0.875em;
    }
}

/**
 * 13.0 - Multisites
 */




/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.1 - <= 710px
 */
@media (max-width:1199px) {
	.site {
		overflow:hidden; 
	}
}
 
@media (max-width:1024px) {
	html{
		font-size:87.5%;
	}
}

@media (max-width:979px) {
	.stage .desc h1 {
		padding-left:20px;
		width: 100%;
	}
	.stage .desc p {
		padding-left:25px;
		padding-right:25px;
	}
}

@media (max-width:767px) {
	.content {
		display:block;
	}
	.col-left, .col-right, 
	.col.col-left, .col.col-right {
		display:block;
		width:100%;
		padding:0 1.75rem;
		clear:both;
		float:left;
	}
	.col-right {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	.col{
		width:100% !important;
		margin:0 !important;
		clear:both;
	}
	.stage-banner {
		width:auto;
		padding-right:1em;
	}
	.bx-viewport {
		overflow:visible !important;
	}
	.site-header ~ .site-main > .stage {
	    margin-top: 5rem;
	}
	section, .section,
	.content-width {
		margin-right:0 !important; 
	}
	
	
	.site-header {
		height: auto;
	}
	.logo {
		background-position: 10% center;
		background-size: auto 70%;
		background-image:url('images/LOGO_SYPERT_small_flat.svg');
		height: 5rem;
		left: auto;
		width: 100%;
		z-index: 900;
	}
	.logobg {
		display:none;
	}
	.marker-top {
		display:none;
	}
	
	.site-footer-content .adress {
		clear: both;
	}
	.site-footer-bottom .site-info {
			clear:both;
			margin:1em auto;
			text-align:center;
	}
	.site-footer-bottom .basic-navi {
		float: none;
	}
	
	/* Menu */
	.site-header-menu {
		background-color: rgb(255,255,255);
		background-color: rgb(255, 255, 255);
		background-image: url("images/LOGO_SYPERT_small_flat.svg");
		background-position: 10% 12px;
		background-repeat: no-repeat;
		background-size: 200px;
		box-shadow: 0 0.5em 1em #000;
		display: none;
		padding-bottom: 0.125rem;
		padding-top: 5rem;
		position: absolute;
		text-align: left;
		top: 0;
		width: 100%;
	}
	.menu-toggle {
		background: transparent none repeat scroll 0 0 !important;
		display: block;
		position: absolute;
		right: 0;
		height:3rem;
		top: 0.75rem;
		z-index: 1000;
	}
	.menu-toggle > span {
		display:none !important;
	}
	
	.menu-toggle:hover, .menu-toggle:focus {
	    background-color: transparent;
	    border-color: transparent;
	    color: transparent;
	}
	
	.main-menu li {
		border-bottom: 1px solid #fff;
		display: block;
		width: 100%;
	}
	.main-menu li:first-child {
		border-top: 1px solid #fff;
	}
	.main-menu li a {
		margin:0;
	}
	
	.site-footer-top,
	.site-footer-content,
	.site-footer-bottom {
		float:left;
		width:100%;
	}
	.site-footer-content .col {
		margin: 0 0 1.75rem;
	}
	.site-footer-content .liner {
	    border: medium none;
	    padding: 0;
	}
	.basic-navigation {
	    float: left;
	    padding: 1em 0;
	}
	.grid.col-4 .item {
		width: 33.333%;
	}
	.grid.col-2 .item {
		width: 50% !important;
	}
	
	
}
@media (max-width:699px) {
	.grid.col-3 .item {
		width: 50%;
	}
}
@media (max-width:599px) {
	.gallery {
		/*margin: -1.25rem;*/
	}
	.empty .gallery {
		margin: 0rem;
	}
	.grid.col-3 .item,
	.grid.col-4 .item {
		width: 50%;
	}
}
@media (max-width:464px) {
	.grid.col-2 .item,
	.grid.col-3 .item,
	.grid.col-4 .item,
	.grid.col-5 .item {
		width: 100%;
	}
}
@media (max-width:399px) {
	.alignleft,.alignright {
		float:none;
		clear:both;
		display:block;
		margin:0 0 1.75em;
	}
}