/*
Theme Name: Unicon Child Theme
Theme URI: http://themeforest.net/user/minti
Description: Unicon Child Theme for your Customizations.
Author: minti
Author URI: http://mintithemes.com
Template: unicon
Version: 1.1
*/

/* ------------------------------------------------------------------------ */
/* Google Fonts
/* ------------------------------------------------------------------------ */


/* hind-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/hind-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/hind-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/hind-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/hind-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/hind-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/hind-v16-latin-300.svg#Hind') format('svg'); /* Legacy iOS */
}

/* hind-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/hind-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/hind-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/hind-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/hind-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/hind-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/hind-v16-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}

/* hind-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/hind-v16-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/hind-v16-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/hind-v16-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/hind-v16-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/hind-v16-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/hind-v16-latin-500.svg#Hind') format('svg'); /* Legacy iOS */
}

/* hind-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/hind-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/hind-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/hind-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/hind-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/hind-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/hind-v16-latin-600.svg#Hind') format('svg'); /* Legacy iOS */
}

/* hind-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/hind-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/hind-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/hind-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/hind-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/hind-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/hind-v16-latin-700.svg#Hind') format('svg'); /* Legacy iOS */
}




@charset "UTF-8";

@font-face {
  font-family: "mdm-medien";
  src:url("fonts/mdm-medien.eot");
  src:url("fonts/mdm-medien.eot?#iefix") format("embedded-opentype"),
    url("fonts/mdm-medien.woff") format("woff"),
    url("fonts/mdm-medien.ttf") format("truetype"),
    url("fonts/mdm-medien.svg#mdm-medien") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "mdm-medien" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="mdm-"]:before,
[class*=" mdm-"]:before {
  font-family: "mdm-medien" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdm-hello:before {
  content: "\61";
}
.mdm-menu:before {
  content: "\62";
}
.mdm-plus:before {
  content: "\63";
}
.mdm-close:before {
  content: "\64";
}



.pum-close i:before {
	font-family: "mdm-medien" !important;
	content: "\64" !important;
	font-size: 16px !important;
	font-style: normal !important
}



/* ------------------------------------------------------------------------ */
/* Typography
/* ------------------------------------------------------------------------ */

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}

body {
    font-family: 'Hind', Helvetica, Arial, sans-serif !important;
    font-size: 13px;
    line-height: 1.7;
    color: #777777;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Hind', Helvetica, Arial, sans-serif !important;
    color: #484848;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1 !important;
}

h1,
h2 {
	font-weight: 600 !important;
}


.highlight { color: #44bdbd; }


p { 
    font-family: 'Hind', Helvetica, Arial, sans-serif !important;
    color: #000000 !important;
	font-weight: 500;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.4 !important;
}

span.tag {
	background: #000000 !important;
	color: #ffffff !important;
	font-size: 14px !important;
	padding: 2px 10px !important;
	border-radius: 100px !important;
	margin-bottom: 4px !important;
	display: inline-block !important;
	/*opacity: 0.2 !important;*/
}

.color-light span.tag {
	background: #ffffff !important;
	color: #000000 !important;
}

/* ------------------------------------------------------------------------ */
/* Page Scroll to ID
/* ------------------------------------------------------------------------ */

#ps2id-dummy-offset {
	height: 100px !important;
}

/* ------------------------------------------------------------------------ */
/* Borlabs
/* ------------------------------------------------------------------------ */

#BorlabsCookieBox a {
	font-weight: 500 !important;
}

/* ------------------------------------------------------------------------ */
/* Buttons
/* ------------------------------------------------------------------------ */

a.button, .button {
	font-family: 'Hind', Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	font-size: 17px !important;
	padding: 15px 20px !important;
	letter-spacing: normal !important;
	background: transparent !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
	background: #000000 !important;
	
    -webkit-transition: all 0.2s !important;
       -moz-transition: all 0.2s !important;
        -ms-transition: all 0.2s !important;
         -o-transition: all 0.2s !important;
            transition: all 0.2s !important;
}

a.button:hover, .button:hover {
	padding: 15px 20px !important;
	border: 1px solid #000000 !important;
	background: transparent !important;
	color: #000000 !important;
}








a.button_outline, .button_outline {
	font-family: 'Hind', Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	font-size: 17px !important;
	padding: 15px 20px !important;
	letter-spacing: normal !important;
	background: transparent !important;
	line-height: 1.2 !important;
	color: #000000 !important;
	border: 1px solid #000000 !important;
	background: transparent !important;
	
    -webkit-transition: all 0.2s !important;
       -moz-transition: all 0.2s !important;
        -ms-transition: all 0.2s !important;
         -o-transition: all 0.2s !important;
            transition: all 0.2s !important;
}

a.button_outline:hover, .button_outline:hover {
	padding: 15px 20px !important;
	border: 1px solid #000000 !important;
	background: #000000 !important;
	color: #ffffff !important;
}










.color-light a.button, .color-light .button {
	font-family: 'Hind', Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	font-size: 17px !important;
	padding: 15px 20px !important;
	letter-spacing: normal !important;
	background: transparent !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
	
    -webkit-transition: all 0.2s !important;
       -moz-transition: all 0.2s !important;
        -ms-transition: all 0.2s !important;
         -o-transition: all 0.2s !important;
            transition: all 0.2s !important;
}

.color-light a.button:hover, .color-light .button:hover {
	padding: 15px 20px !important;
	border: 1px solid #ffffff !important;
	background: #ffffff !important;
	color: #000000 !important;
}











a.button.side {
	position: fixed !important;
	top: 50%;
	transform: translateY(-50%);
	border-color: #000000 !important;
	
		
	right: 0px !important;
	z-index: 9999 !important;
	margin: 0px !important;
	background: #000000 !important;
	font-size: 17px !important;
	transform-origin: top right !important;
	cursor: pointer !important;
	font-weight: 600 !important;
	transform: rotate(90deg) !important;
	transform-origin: 100% 0 !important;
	padding: 15px 20px !important;
	vertical-align: center !important;
	padding-right: 20px !important;
	
	/* box-shadow: 0px 0px 70px 0px rgba( 255, 255, 255, 0.32 ) !important; */
	
	/* box-shadow: 0px 0px 65px 5px rgba(255,255,255,0.2) !important; */
}


a.button.side i {
	transform: rotate(-90deg) !important;
	  margin-right: 5px !important;
	  display: inline-block;
	  font-size: 1.3em !important;
}


/*
a.button.side img {
	transform: rotate(-90deg) !important;
	  margin-top: 0px !important;
	  vertical-align: text-bottom;
	  width: 30px !important;
}
*/

a.button.side:hover {
	transform: rotate(90deg) !important;
	border-color: #000000 !important;
	padding: 25px 20px 15px 20px !important;
	color: #ffffff !important;
}










/*

.cta-button > a {
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	font-family: 'Hind', Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	font-size: 17px !important;
	padding: 10px 15px !important;
	letter-spacing: normal !important;
	background: transparent !important;
	line-height: 1.2 !important;
	
    -webkit-transition: all 0.2s !important;
       -moz-transition: all 0.2s !important;
        -ms-transition: all 0.2s !important;
         -o-transition: all 0.2s !important;
            transition: all 0.2s !important;
}

.cta-button > a:hover {
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	background: #222222 !important;
	
}

.header-v1 #navigation > ul > li.cta-button {
	padding-top: 30px !important;
	padding-left: 20px !important;
}

*/


/* ------------------------------------------------------------------------ */
/* Popup Zweispaltig
/* ------------------------------------------------------------------------ */

.popup-row {
  display: flex;
  column-gap: 20px;
  align-items: center;
  justify-content: center;
}

.popup-column {
  flex: 50%;
}

/* ------------------------------------------------------------------------ */
/* Header
/* ------------------------------------------------------------------------ */

#header.header-v1 {
	box-shadow:
	  0px 4.5px 3.6px rgba(0, 0, 0, 0.024),
	  0px 12.5px 10px rgba(0, 0, 0, 0.035),
	  0px 30.1px 24.1px rgba(0, 0, 0, 0.046),
	  0px 100px 80px rgba(0, 0, 0, 0.07) !important;
}

#header.header-transparent.header-v1 {
	/*
	backdrop-filter: blur(10px) !important;
	background: rgba(0,0,0,0.5) !important;
	*/
	
	box-shadow: none !important;
	/* background-image: linear-gradient(rgba(0, 0, 0, 0.45) 12%, rgba(0, 0, 0, 0.0) 95%) !important; */
}

#header.header-transparent.header-v1 #navigation > ul > li > a {
	color: #ffffff !important;
	font-weight: 600 !important;
}

#header.header-v1 #navigation > ul > li > a {
	font-weight: 600 !important;
}





/* Mobile Header */


#mobile-header {
	box-shadow: 0px 4.5px 3.6px rgba(0, 0, 0, 0.024), 0px 12.5px 10px rgba(0, 0, 0, 0.035), 0px 30.1px 24.1px rgba(0, 0, 0, 0.046), 0px 100px 80px rgba(0, 0, 0, 0.07) !important;
}




#mobile-navigation-btn {
	color: #000000 !important;
}

#mobile-navigation-btn i:before {
	font-family: "mdm-medien" !important;
	content: "\62" !important;
}

/* ------------------------------------------------------------------------ */
/* Footer & Copyright
/* ------------------------------------------------------------------------ */

#copyright,#copyright .menu,#copyright .social-icons,#copyright .copyright-col1,#copyright .copyright-col2 {
	text-align: left !important;
	
}

/* ------------------------------------------------------------------------ */
/* Navigation Basic
/* ------------------------------------------------------------------------ */

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

#navigation ul li {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative;        
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}

#navigation ul li a {
    padding: 0;
    margin: 0;
    display: block;
    font-size: 13px;
    line-height: 1.3;
    color: #555555;
    text-align: center;
    -webkit-transition: color 0.1s;
       -moz-transition: color 0.1s;
        -ms-transition: color 0.1s;
         -o-transition: color 0.1s;
            transition: color 0.1s;
}

#navigation > ul > li > a {
	font-weight: 700;
	font-family: 'Hind', Helvetica, Arial, sans-serif !important;
}

#navigation ul > li:hover > a,
#navigation ul li a:hover { color: #44bdbd; }

/* Active Status */
#navigation li.current-menu-item > a,
#navigation li.current-menu-item > a:hover,
#navigation li.current-page-ancestor > a,
#navigation li.current-page-ancestor > a:hover,
#navigation li.current-menu-ancestor > a,
#navigation li.current-menu-ancestor > a:hover,
#navigation li.current-menu-parent > a,
#navigation li.current-menu-parent > a:hover,
#navigation li.current_page_ancestor > a,
#navigation li.current_page_ancestor > a:hover,
#navigation > ul > li.sfHover > a { color: #44bdbd; }

#navigation ul li ul li.sfHover > a{ color: #ffffff; }



/* Mobile Navigation */

#mobile-navigation ul li a {
	padding: 7px 0 !important;
	font-weight: 600 !important;
	font-family: 'Hind', Helvetica, Arial, sans-serif !important;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}




/* ------------------------------------------------------------------------ */
/* Forms
/* ------------------------------------------------------------------------ */

form,
fieldset { }

/* Reset iPad / iPhone Button Styling */
button, input[type=submit] {
    -webkit-appearance: none; /*Safari/Chrome*/
    -webkit-border-radius: 2px; 
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea{
    -webkit-appearance: none; /*Safari/Chrome*/
}

input, textarea{
    -webkit-border-radius: 2px; 
}

.wpcf7 form.wpcf7-form p {
	color: #000000 !important;
}

input::-ms-clear {
  width : 0;
  height: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea{
    /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
    padding: 10px 10px;
    outline: none !important;
    border-radius: 0px !important;
    font-family: 'Hind', Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    margin: 0 0 20px 0;
    width: 200px;
    max-width: 100%;
    display: block;
    color: #000000 !important;
    line-height: 1.6;
    border-top: 1px solid #dddddd !important;
	border-right: 1px solid #dddddd !important;
	border-bottom: 1px solid #dddddd !important;
	border-left: 1px solid #dddddd !important;
    background: transparent !important;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}

textarea {
	width: 100% !important;
	
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    color: #ffffff;
    background: #ffffff;
    outline: none !important;
    border-color: #000000 !important;
}

textarea { min-height: 60px }

/*select {
    display: block;
    padding: 10px 12px;
    outline: none !important;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    margin: 0;
    max-width: 100%;
    color: #999;
    border: 1px solid #dddddd;
    background: #ffffff !important;
}*/

select{
    color: #666666;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 8px 2rem 8px 12px;
    outline: none !important;
    /* SVG background image */
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23666666%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 40%;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    transition: all 0.2s;
    cursor: pointer;
}

select:focus{
    border-color: #999999;
}

select::-ms-expand {
    display: none;
}

label,
legend {
    cursor: pointer;
    display: block;
}

label span,
legend span { font-weight: 600; color: #000000; }

button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
    cursor: pointer;
    outline: none !important;
    -webkit-font-smoothing: antialiased;
}

.wpcf7-list-item-label {
	font-weight: 500 !important;
}

/* Custom Checkboxen */

label.datenschutz input {
	position: absolute;
	margin-left: 6px !important;
	right: 0;
	width: auto;
	opacity: 0;
}

label.datenschutz  span.wpcf7-list-item-label:before {
	content: '' !important;
	  border: 1px solid #333333 !important;
	  cursor: pointer !important;
	  display: inline-block !important;
	  height: 20px !important;
	  position: relative !important;
	  width: 20px !important;
	  top: 3px !important;
	  margin-right: 5px !important;
	  border-radius: 50% !important;
	  opacity: 1 !important;
}

label.datenschutz  input:checked+span.wpcf7-list-item-label:before {
	background-color: #ffffff !important;
	  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTIxLjMzLDU3LjgyLDAsMzYuNTNsNS44Ny01Ljg3TDIxLjMzLDQ2LjA5LDU4LjEzLDkuMzYsNjQsMTUuMjMsMjEuMzMsNTcuODIiIGRhdGEtbmFtZT0iJmx0O0NvbXBvdW5kIFBhdGgmZ3Q7IiBpZD0iX0NvbXBvdW5kX1BhdGhfIi8+PC9zdmc+") !important;
	  background-position: 45% 50% !important;
	  background-repeat: no-repeat !important;
	  background-size: 50% !important;
	  border: 1px solid #333333 !important;
}


/* CF7 Spalten */

.wps-form {
    width: 100%;
    margin: 0 auto;
}
.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.wps-form-row .wpcf7-form-control {
    width: 100%;
}
.wps-form-column {
    flex: 1;
    padding: 0rem 0;
    width: 100%;
}

.wps-form-column.margin  {
	margin-right: 20px;
}



@media only screen and ( min-width: 48em ) { 
    .wps-form-row {
        flex-direction: row;
    }
    .wps-form-column {
        padding: 0px;
    }
}

/* ------------------------------------------------------------------------ */
/* Popup Maker
/* ------------------------------------------------------------------------ */

.pum-container .pum-content h2 {
	margin-right: 40px !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
	padding-right: 0px !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"]) {
	padding-right: 0px;
}

a.button.side {
	padding-right: 20px !important;
}





/* ------------------------------------------------------------------------ */
/* Portfolio Masonry
/* ------------------------------------------------------------------------ */


.masonry-row .wpb_column {
    margin: 0px !important;
    padding: 0px !important;
}


.masonry-row .wpb_column .single_image {
    margin: 5px !important;
}

.masonry-row .wpb_column .single_image img {
    height: 285px !important;
}

#arbeiten .masonry-row .wpb_column .single_image:before {
	font-family: "mdm-medien" !important;
	font-size: 11px !important;
	content: "\63" !important;
	  position: absolute;
	  background: #ffffff !important;
	  border: 1px solid #ffffff;
	  color: #000 !important;
	  top: 20px !important;
	  left: 20px !important;
	  z-index: 99999;
	  width: 25px;
	  height: 25px;
	  text-align: center !important;
	  line-height: 25px !important;
	  border-radius: 50%;
	  display: inline-block !important;
}

/* ------------------------------------------------------------------------ */
/* Burgermenü
/* ------------------------------------------------------------------------ */

div.fullscreen-menu nav {
  background-color: rgba(0, 0, 0, 0.8) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  visibility: hidden;
  transition: all 0.3s ease-in-out !important;
  z-index: 99999 !important;
}

div.fullscreen-menu nav ul {
	z-index: 99999 !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  left: 50% !important;
  top: 170px !important;
  transition: all 0.3s ease-in-out !important;
  transform: translateX(-50%) !important;
}

div.fullscreen-menu nav ul li {
  transform: translateY(50px) !important;
  opacity: 0 !important;
}

div.fullscreen-menu nav ul li a {
  display: block !important;
  font-size: 2em !important
  text-decoration: none !important;
  padding: 10px 0 !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: bold !important;
  transition: all 0.2s ease-in-out !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

div.fullscreen-menu nav ul li a:hover {
  color: #E84A5F !important;
}


.toggle-btn {
  display: block !important;
  position: fixed !important;
  z-index: 999999 !important;
  right: 10px !important;
  top: 10px !important;
  cursor: pointer !important;
}
.toggle-btn .bar {
	width: 30px !important;
	height: 2px !important;
	margin: 7px auto !important;
	background-color: #fff !important;
	transition: all 0.3s ease-in-out !important;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3) !important;
}
.toggle-btn .bar:nth-child(2) {
  width: s0px !important;
}

#toggle:checked ~ nav {
  opacity: 1 !important;
  visibility: visible !important;
}
#toggle:checked ~ nav ul {
  top: 70px !important;
}
#toggle:checked ~ nav ul li {
  transform: translateY(0px) !important;
  opacity: 1 !important;
}
#toggle:checked ~ nav ul li:nth-child(1) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s !important;
}
#toggle:checked ~ nav ul li:nth-child(2) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s !important;
}
#toggle:checked ~ nav ul li:nth-child(3) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s !important;
}
#toggle:checked ~ nav ul li:nth-child(4) {
  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s !important;
}
#toggle:checked + label.toggle-btn .bar {
  background-color: red !important;
}
#toggle:checked + label.toggle-btn .bar:nth-child(2) {
  transform: translateX(50px) !important;
  opacity: 0 !important;
}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {
  transform: translateY(10px) rotate(45deg) !important;
}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg) !important;
}




/* ------------------------------------------------------------------------ */
/* Responsive Styles
/* ------------------------------------------------------------------------ */

/* Sonstige */

@media only screen and (max-width: 767px) {
	.masonry-row .wpb_column .single_image img {
	    height: auto !important;
	}
}


/* Desktop */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.masonry-row .wpb_column .single_image img {
	    height: 225px !important;
	}
}

/* < iPad */
@media only screen and (max-width: 959px) {
	
	.popup-row {
		display: block !important;
	}
	
}

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.masonry-row .wpb_column .single_image img {
	    height: 177px !important;
	}
}

/* < iPhone Landscape */
@media only screen and (max-width: 767px) {
	
	#ps2id-dummy-offset {
		height: 0px !important;
	}
	
	a.button.side {
		font-size: 14px !important;
		padding: 10px 15px !important;
	}
	
	a.button.side {
		padding-right: 15px !important;
	}
	
	a.button.side:hover {
		padding: 15px 15px 10px 15px !important;
	}
	
	
	
	h1 {
		font-size: 48px !important;
	}
	
	h2 {
		font-size: 32px !important;
	}
	
	h3 {
		font-size: 22px !important;
	}
	
	h4 {
		font-size: 20px !important;
	}
	
	h5 {
		font-size: 16px !important;
	}
	
	h6 {
		font-size: 12px !important;
	}
	
	
	
    #copyright .menu li {
       margin: 0px 10px 0px 0px !important;
    }
	
	#copyright .copyright-text {
		margin-bottom: 5px !important;
	}
	
		
}

/* iPhone Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* iPhone Portrait */
@media only screen and (max-width: 479px) {
	
}