/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* rosario-regular - latin */
@font-face {
  font-family: 'Rosario';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rosario-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rosario'), local('Rosario-Regular'),
       url('../fonts/rosario-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rosario-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rosario-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rosario-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rosario-v12-latin-regular.svg#Rosario') format('svg'); /* Legacy iOS */
}

/* rosario-italic - latin */
@font-face {
  font-family: 'Rosario';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/rosario-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Rosario Italic'), local('Rosario-Italic'),
       url('../fonts/rosario-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rosario-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rosario-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rosario-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rosario-v12-latin-italic.svg#Rosario') format('svg'); /* Legacy iOS */
}

/* rosario-700 - latin */
@font-face {
  font-family: 'Rosario';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rosario-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rosario Bold'), local('Rosario-Bold'),
       url('../fonts/rosario-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rosario-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rosario-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rosario-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rosario-v12-latin-700.svg#Rosario') format('svg'); /* Legacy iOS */
}

/* rosario-700italic - latin */
@font-face {
  font-family: 'Rosario';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/rosario-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Rosario Bold Italic'), local('Rosario-BoldItalic'),
       url('../fonts/rosario-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rosario-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rosario-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rosario-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rosario-v12-latin-700italic.svg#Rosario') format('svg'); /* Legacy iOS */
}

* {
margin:0px;
padding:0px;	
box-sizing:border-box;
}
body {
font: 18px/1.4 'Roboto', Verdana, Helvetica, Sans-Serif;
color:#2e2e2e;
font-weight:400;
margin:0px 0px 0px 0px;
padding-bottom:2%;
width:100%;
float:left;
background:#e5e5e5 url('../img/body_bg.png') repeat-x left -99px;
overflow-x:hidden;
text-align:center;
}
body.logged-in {
background:#e5e5e5 url('../img/body_bg.png') repeat-x left -70px;	
}
.breaker:after {
content: "";
display: table;
clear: both;
}
input, select, textarea {
font-family:'Roboto', Verdana, Helvetica, Sans-Serif;	
}
input[type="text"], select, textarea {
border:1px solid #000;
font-size:15px;
height:27px;
padding:2px;
background-color:#fff;
}
img, table, a img {
border:none;
}
img {
display:block;
max-width:100%;
border:none;
}
a, a:link, a:visited {
text-decoration:none;
color:#000000;
}
#text a, #text a:link, #text a:visited,
#textContent a, #textContent a:link, #textContent a:visited {
text-decoration:underline;
}
a[href^="tel:"] {
text-decoration:none !important;
}
a:hover, a:active {	
color:#000000;
}
#text a:hover, #text a:active, #textContent a:hover, #textContent a:active {
text-decoration:none;
}
.invisible {
display:none;
}
ul, ul li {
list-style:none;
padding:0px;
margin:0px;	
}
.clearer:after {
 content: "";
 display: table;
 clear: both;
}

/***************** wrapper **********************************************************/
/********************************************************************************/
.center {
max-width:1600px;
width:100%;
text-align:left;
margin:0px;
padding:0px 2%;
position:relative;
margin:0px auto;
}

/***************** header **********************************************************/
/********************************************************************************/
header {
position:relative;
width:100%;
height:auto;
margin-bottom:1.25%;
z-index:100;
}
a#logo {
width:24.7%;
height:81px;
text-align:center;
display:block;
text-decoration:none;
float:left;
z-index: 100;
position: relative;
}
a#logo img {
max-width:90%;
display:inline-block;
}
#headerContent {
width:75.3%;
padding-top:24px;
min-height:81px;
position:relative;
float:left;
z-index: 100;
}
/***************** mainContent **********************************************************/

#headerContent #headerFirstRow {
position:relative;
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
z-index: 100;
float:right;
width:100%;
}
#headerContent #mkoOffer, #headerContent #mitglied, #headerContent #spenden,
#headerContent #mitglied:link, #headerContent #spenden:link,
#headerContent #mitglied:visited, #headerContent #spenden:visited {
height:37px;
line-height:37px;
color:#000000;
font-size:15px;
padding:0px 42px 0px 11px;
margin-left:15px;
position:relative;
background:transparent url('../img/bg_header_buttons.png') repeat-x left bottom;
white-space:nowrap;
display: table-cell; /* Fallback IE<9 */
display:block;
flex: 0 1 auto;
min-width: 1%; /* Fix for Firefox */
}
#headerContent #mkoOffer {
background-image:none;
background-color:#ebb700;
margin-left:0px;
padding-right:10px;
}
#mkoOffer .short {
display:none;
}

#headerContent #mitglied:hover, #headerContent #spenden:hover,
#headerContent #mitglied:active, #headerContent #spenden:active {
color:#000000;
}
#headerContent #mitglied:after, #headerContent #mitglied:link:after, #headerContent #mitglied:visited:after {
content:url('../img/icon_member_hi.png');
position:absolute;
top:6px;
right:6px;
}
#headerContent #mitglied:hover:after, #headerContent #mitglied:active:after {
content:url('../img/icon_member.png');
}
#headerContent #spenden:after, #headerContent #spenden:link:after, #headerContent #spenden:visited:after {
content:url('../img/icon_donate.png');
position:absolute;
top:6px;
right:6px;
}
#headerContent #spenden:hover:after, #headerContent #spenden:active:after  {
content:url('../img/icon_donate_hi.png');
}


/* Suche */
.region-search{
display:block;
height:37px;
width:185px;
flex-shrink:4;
flex-grow:4;
margin-left:15px;
position:relative;
flex: 10 1 auto;
min-width: 1%; /* Fix for Firefox */
}
body.logged-in .region-search {
width:160px;
}
#search-form {
position:relative;
margin-bottom:20px;
}
#search-block-form input[type="text"]{
width:100%;
background-color:#ebb700;
height:37px;
line-height:37px;
color:#000000;
padding:0px 40px 0 9px;
font-size:15px;
box-sizing:border-box;
border:none;
}
#search-form input[type="text"]{
width:300px;
background-color:#ffffff;
height:37px;
line-height:37px;
color:#000000;
padding:0px 40px 0 9px;
font-size:15px;
box-sizing:border-box;
border:none;
display:inline-block;
}
#search-block-form input[type="submit"] {
background:transparent url('../img/icon_search_hi.png') no-repeat center 8px;
width:37px;
height:37px;
border:none;
position:absolute;
right:0px;
top:0px;
text-indent:-10000px;
cursor:pointer;
color:#000000;
}

#search-form input#edit-submit, #search-form input#edit-submit--2  {
background:#ffffff url('../img/icon_search_hi.png') no-repeat center 8px;
width:37px;
height:37px;
border:none;
margin-left:-5px;
text-indent:-10000px;
cursor:pointer;
margin-top:0px;
display:inline-block;
color:#000000;
}
#search-form #edit-advanced input#edit-submit--2, #search-form #edit-advanced input#edit-submit--3 {
background-color:#ffffff;
background-image:none;
padding:5px 10px;
color:#000000;
border:none;
margin-left:0px;
text-indent:0px;
font-size:17px;
cursor:pointer;
display:block;
height:auto;
width:auto;
}	
#search-form #edit-advanced input#edit-submit--2:hover, #search-form #edit-advanced input#edit-submit--3:hover {
background-color:#000000;
color:#ffffff;
}	
#search-block-form:hover input[type="submit"] {
background-image: url('../img/icon_search.png');
}
#search-block-form:hover input[type="text"]{
color:#000000;
}

/* Formulare */

#block-block-5, #block-block-9 {
background:transparent url('../img/bg_infobox_grau.jpg') no-repeat left top;
background-size:cover;
padding:27px 27px 10px 27px;
margin-bottom:15px;
}
body.logged-in #block-block-5, body.logged-in #block-block-9 {
margin-top:0px;
}
body.page-search #edit-advanced a {
color:#000000 !important;	
}
body.page-search #edit-advanced{
clear:both;
float:left;	
margin-bottom:5px;
margin-top:15px;
width:100%;
}
body.page-search .search-advanced .action {
    float: right;
}
#block-block-5 ul li, #block-block-9 ul li{
font-size:15px;
color:#ffffff;
background:transparent url('../img/icon_li_aside.png') no-repeat left 5px;
}
#search-form  {
background: transparent url('../img/bg_headline_re.jpg') no-repeat left top;
background-size: cover;
padding:10px 15px;
float:left;
width:100%;
clear:both;
}
form#user-login, form#contact-site-form, #webform-client-form-22,
#webform-client-form-310 fieldset,
form#user-pass, form#webform-client-form-4 {
background:transparent url('../img/bg_infobox_grau.jpg') repeat-y left top;
background-size:100% auto;
padding:23px 30px 10px 30px;	
max-width:750px;
width:100%;
margin-bottom:20px;
border:none;
}
#webform-client-form-310 {
padding-top:0px;	
}
#webform-client-form-310 fieldset {
padding:30px 0 10px 0;	
}
#webform-client-form-310  .fieldset-wrapper .form-item {
padding:0px 35px 0px 30px;	
}
#webform-client-form-310 fieldset {
display: table-cell;
float:left;
clear:both;
}
#webform-client-form-310 fieldset div {
	max-width:100% !important;
}
	
#search-form #edit-basic .form-item, #search-form #edit-basic label, #search-form #edit-basic input, #search-form input#edit-submit {
float:left;
margin:0px !important;
}
form#user-login #edit-actions, 
form#user-pass #edit-actions,
form#contact-site-form #edit-actions,
#webform-client-form-22 .form-actions,
#webform-client-form-4 .form-actions {
text-align:right;
}

#webform-client-form-22 #edit-submitted-kf-dsgvo {
float: left;
margin: 6px 7px 0px 0px;	
}
#webform-client-form-310 .form-actions {
background-color: #fec409;
padding:20px;	
max-width:750px;
border:none;
text-align:right;
width:100%;
float:left;
clear:both;
margin:0px;
}
.page-node-310 .form-actions {
margin-bottom:15px !important;
}
#webform-client-form-310 fieldset {
margin-top:-20px;	
}
#webform-client-form-310 legend {
font-size:26px;
font-weight:300;
position:relative;
bottom:-40px;
margin-bottom:15px;	
margin-left:30px;	
margin-right:10px;	
color:#fec409;
}
form#user-login .form-item, form#user-pass .form-item, form#contact-site-form .form-item,#webform-client-form-22 .form-item, #webform-client-form-310 .form-item, form#webform-client-form-4 .form-item{
margin-top:0px;	
}
form#user-login label,
form#user-pass label,
form#contact-site-form label,
#webform-client-form-22 label,
#webform-client-form-310 label, 
form#webform-client-form-4 label {
font-weight:300;
font-size:20px;	
padding-bottom:3px;
display:block !important;
margin-right:0px;
}
form#user-login .form-type-checkbox label,
form#user-pass .form-type-checkbox label,
form#contact-site-form .form-type-checkbox label,
#webform-client-form-22 .form-type-checkbox label,
#webform-client-form-310 .form-type-checkbox label,
#webform-client-form-4 .form-type-checkbox label,
form#user-login .form-type-radiobutton label,
form#contact-site-form .form-type-radiobutton label,
#webform-client-form-22 .form-type-radiobutton label,
#webform-client-form-310 .form-type-radiobutton label,
#webform-client-form-4 .form-type-radiobutton label {
display:inline !important;
}
#webform-client-form-4 .webform-component--dsgvo .description {
display:inline !important;
font-weight: 300;
font-size: 20px !important;	
}
.form-checkbox, .form-radiobutton{
margin:-3px 5px 0 0;	
}
#webform-client-form-310 p {
background-color:#fec409;
color:#ffffff;
font-size:14px;
font-weight:400;
padding:10px;
}
.marker, .form-required {
    color: #fec409;
}
form#user-login input[type="text"], form#user-login input[type="email"], form#user-login input[type="password"],form#user-login textarea, form#user-login select,
form#user-pass input[type="text"], form#user-pass input[type="email"], form#user-pass input[type="password"],form#user-pass textarea, form#user-pass select,
form#contact-site-form input[type="text"],form#contact-site-form input[type="email"], form#contact-site-form input[type="password"], form#contact-site-form textarea, form#contact-site-form select,
form#webform-client-form-22 input[type="text"],form#webform-client-form-22 input[type="email"], form#webform-client-form-22 input[type="password"], form#webform-client-form-22 textarea, form#webform-client-form-22 select,
#webform-client-form-310 input[type="text"],#webform-client-form-310 input[type="email"], #webform-client-form-310 input[type="password"], #webform-client-form-310 textarea, #webform-client-form-310 select,
form#webform-client-form-4 input[type="text"],#webform-client-form-4 input[type="email"], #webform-client-form-4 input[type="password"], #webform-client-form-4 textarea, #webform-client-form-4 select
{
padding:3px 5px;
max-width:100%;
width:100%;
background-color:#ffffff;
min-height:37px;
line-height:37px;
color:#2e2e2e;
font-size:15px;
box-sizing:border-box;
border:none;
display:inline-block;
}

#webform-client-form-4 .webform-datepicker select, #webform-client-form-4 .webform-datepicker div input {
width:100px;
min-height:17px;
line-height:17px;	
}
#webform-client-form-4 input.webform-calendar {
margin-top:3px;	
}
.captcha img {
margin-bottom:20px;	
}
#webform-client-form-310 input[type="file"]{
max-width:100%;
background-color:#ffffff;
color:#fec409;
padding:3px;
font-size:15px;
box-sizing:border-box;
border:none;
display:inline-block;
}
form#webform-client-form-22 .form-textarea-wrapper,
form#webform-client-form-22 .form-textarea-wrapper,
#webform-client-form-310 .form-textarea-wrapper,
form#webform-client-form-4 .form-textarea-wrapper{
max-width:100%;
width:100%;
}
form#webform-client-form-22 .form-textarea-wrapper textarea,
form#webform-client-form-22 .form-textarea-wrapper textarea,
#webform-client-form-310 textarea,
form#webform-client-form-4 textarea {
width:100%;
width:100%;
}
.description {
font-size:13px !important;	
padding-top:5px;
}
form#user-login #edit-submit,
form#user-pass #edit-submit,
form#contact-site-form #edit-submit,
form#webform-client-form-22 .webform-submit,
#webform-client-form-310 .webform-submit,
#webform-client-form-4 .webform-submit {
background-color:#fec409;
border:none;
color:#000000;
font-size:14px;
font-weight:400;
padding:7px 20px;
cursor:pointer;
}
form#user-login #edit-submit:hover,
form#user-pass #edit-submit:hover,
form#webform-client-form-22 #edit-submit:hover,
#webform-client-form-310 .webform-submit:hover,
#webform-client-form-4 #edit-submit:hover {
background-color:#ffffff;
color:#000000;
}
#search-form label {
color:#000000;
font-weight:300;
font-size:22px;
padding-right:8px;
padding-top:2px;
}
#search-form .criterion label {
font-size:17px;	
}
.search-results .title {
background-color:#ececec;
padding:7px 10px 7px 42px;	
font-size:17px;	
background:#ececec url('../img/icon_li_search.png') no-repeat 15px 14px;
}
.search-results dd {
background-color:#ececec;
padding:0px 10px 12px 42px;	
margin-bottom:20px;
}
.search-results p {
margin-bottom:0px;	
}



main {
padding-bottom:0px;
position:relative;
margin-bottom: -190px;
top: 0px;
overflow: hidden;
padding-top: 0px;
}
main .center {
margin-bottom:-120px;
}
.node-type-subcamp main .center,
.node-type-subcamp main {
margin-bottom:0px;
}
#fadeinContainer {
width:258px;
height:262px;
position:absolute;
right:0px;
top:-45px;	
text-align:left;
z-index:10000;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
#fadeinContainer {
position:fixed;
right:0px;
top:130px;	
}
#headerContent {
display: inline-block;
margin-bottom: 1px;
}
}
#fadeinContainer.hide {
right:-258px;
}
#fadeinContainer.hide span {
display:block;
width:91px;
height:91px;
background:transparent url('../img/bg_icon_fadein.png') no-repeat left bottom;	
position:absolute;
left:-45px;
top:45px;
}
#fadeinContainer.hide span:after {
content:"";	
background:transparent url('../img/arrow_red_left.png') no-repeat 13px 40px;	
width:91px;
height:91px;
display:block;
position:absolute;
left:0px;
top:0px;
}
#fadeinContainer span {
width:69px;
height:69px;
background:transparent url('../img/bg_icon_fadeout.png') no-repeat left bottom;	
position:absolute;
left:-32px;
top:54px;
text-indent:-10000px;
cursor:pointer;
}
#fadeinContainer span:after {
content:"";	
background:transparent url('../img/icon_fade_close.png') no-repeat center center;	
width:68px;
height:69px;
position:absolute;
left:0px;
top:0px;
z-index:1000000;
}
#fadeinContent {
width:258px;
min-height:218px;
background:transparent url('../img/bg_fadein.png') no-repeat left bottom;
background-size:100% 100%;
margin-top:44px;
left:44px;
padding:20px 23px 0px 23px;
}
#fadeinContent p {
text-align:right;
font-size:27px;	
font-weight:300;
margin-bottom:1px;
color:#000000;
}
#fadeinContent a {
display:block;
padding-top:14px;
padding-bottom:14px;
border-bottom:1px solid #000000;	
font-size:16px;	
color:#000000;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
#fadeinContent a + a {
border:none;	
}	
#fadeinContent a:hover, #fadeinContent a:active {
text-decoration:underline;	
}
main #mainContent {
background-color:#ffffff;
padding:1.25%;
display: table;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
width: 100%;
z-index:10;
position:relative;
}
#textContent {
background-color: #ffffff;
padding: 0;
float: left;
width: 100%;
margin-bottom: 20px;
}
main aside {
float:left;
width:24.05%;
}

.node-type-landing-page #textContent aside, .node-type-seite #textContent aside {
    width: 22.81%;
    float: right;
    margin-top: 1.25%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
}
.region-aside {
width:100%;	
}
.region-aside h2 {
	 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   color:#000000;
}
.region-aside p {
   color:#000000;
}
#mainContent aside {
background:transparent url('../img/background_wellen_infobox_gelb.png') no-repeat left bottom;
background-size:cover;
padding:20px;
}
.not-front #mainContent aside {
padding:0px;
}
.front aside .block {
padding:5px;
/*
 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 */
 float:left;
 width:100%;
}
.front aside .block + .block {
margin-top:15px;	
}
.front aside .block .readmore {
float:none;	
margin-top:-5px;
color:#000000;
padding-right:40px;
line-height:1.4em;
display:inline-block;
position:relative;
max-width:250px;
font-size:17px;
}
.front aside .block .readmore:hover, .front aside .block .readmore:active {
text-decoration:underline;	
position:relative;
}
.front aside a.readmore:after, .front aside a.readmore:link:after, .front aside a.readmore:visited:after {
content: url('../img/arrow_red.png') !important;
position: absolute;
top: 25px;
left: 130px;
}
main #text {
float:left;
width:74.70%;
padding:0px 20px;
position:relative;
min-height:400px;
}
.node-type-landing-page #text, .node-type-seite #text {
    width: 75.9%;
    float: left;
    padding: 1.25% 1.25% 5px 1.25%;
	margin-left:0px;
}
#mainContent aside, #titelbild, #blockEinleitung  {
align-self: stretch;
}
#titelbild {
background-color:#292929;	
}
.not-front #mainContent aside {
align-self: flex-start;
}
.region-backgroundpix img {
width:100% !important;
height:auto !important;
z-index:0;
}
#addContent {
background-color: #ffffff;
padding: 1.25%;
float:left;
clear:both;
width:100%;
}
#addContent .views-row + .views-row + .views-row, .offerWrapper .views-row {
margin-top:1.25%;
}
#addContent .views-row {
float:left;
width:49.375%;
position:relative;
display:table;
color:#000000;
}
#addContent .views-row a {
position:relative;
width:100%;
display:block;
color:#000000;
display:table-row;
}


#addContent .boxImage:after {
content: '\A';
height:100%;
width:100%;
position:absolute;
left:0px;
bottom:0px;
top:0px;
right:0px;
}
#addContent .views-row-2 a, #addContent .views-row-2 p, #addContent .views-row-2 h2,
#addContent .views-row-3 a, #addContent .views-row-3 p, #addContent .views-row-3 h2 {
color:#ffffff;
}
#addContent .views-row-1 .boxImage:after {
background:url('../img/box_overlay_gelb.png');
background-repeat:repeat-y;
}
#addContent .views-row-2 .boxImage:after {
background:url('../img/box_overlay_schwarz.png');
background-repeat:repeat-y;
}
#addContent .views-row-3 .boxImage:after {
background:url('../img/box_overlay_schwarz.png');
background-repeat:repeat-y;
}
#addContent .views-row-4 .boxImage:after {
background:url('../img/box_overlay_gelb.png');
background-repeat:repeat-y;
}
#addContent .views-row:nth-child(even) {
float:right;
}
#addContent .views-row-3 h2 {
max-width:400px;	
}
#addContent .boxImage {
position:absolute;
bottom:0px;
right:0px;
display:block;
height:100%;
width:100%;
overflow:hidden;
}
#addContent .views-row img {
width:100% !important;
height:auto !important;
position:absolute;
top:0px;
left:0px;
}
#addContent .views-row .boxContent img {
width:auto !important;
height:auto !important;
position:static;
display:inline;
}
#addContent .boxContent {
position:relative;
width:100%;
overflow:hidden;
min-height:300px;
left:0px;
top:0px;
z-index:100;
padding:25px 30px;
text-align:left;
vertical-align:middle;
}
#addContent .boxContent h2 {
font-size:29px;	
margin-bottom:10px;
max-width:390px;
}
#addContent .boxContent h2 b {
font-size:23px;
font-weight:300;
display:block;
line-height:1.3em;	
padding-bottom:4px;
}
#addContent p {
max-width:55%;
max-width:390px;
}
#addContent .views-row-1 p {
max-width:55%;
}
#addContent p:last-child {
margin-bottom:0px;
}

body.notfront #addContent .boxContent {
    max-width: 300px;
}
.boxButton {
background-color:#000000;
color:#ffffff;
position:relative;
padding:10px 50px 12px 15px;
display:inline-block;
margin-top:0px;
}
.boxButton:hover {
color:#1d6fb2;
}
.boxButton:after {
content:url('../img/arrow_white.png');
position:absolute;
right:13px;
top:12px;
}
.boxButton:hover:after {
content:url('../img/arrow_white.png');
}
#textContent #tabs-wrapper li, #textContent .pager li {
    background-image: none;
    padding: 0px;
    font-size: 15px;
}

/* Videos */

#videoContainer {
background-color: #ffffff;
padding: 1.25%;
float:left;
clear:both;
width:100%;
}
#videoContainer {
background-color: #ffffff;
padding: 1.25%;
float:left;
clear:both;
width:100%;
}
#videos {
background:transparent url('../img/bg_muster_schwarz.png') no-repeat center top;
background-size:cover;
width:100%;
float:left;
padding-top:4%;
}
#videos .views-field-title {
    background-color: #000000;
    color: #ffffff;
    padding: 8px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}
#videos .views-field-title h3 {
    color: #ffffff;
    font-size: 15px;	
}
#videos .views-row {
width:44%;
margin-left:4%;
margin-bottom:4%;
float:left;
display:block;
}
.video-js[tabindex="-1"] {
    width: 100%;
}
.node-type-aktuelles #videos .views-row {
width:17.6%;	
}
#videos .numvideos1 .views-row, #videos .numvideos2 .views-row {
width:44%;	
}
#videos .numvideos1 .views-row {
margin-left: 28%;
margin-right:28%;
}
#videos .numvideos3 .views-row, #videos .numvideos5 .views-row, #videos .numvideos6 .views-row {
width:28%;	
margin-left: 4%;
}
#videos .numvideos4 .views-row, #videos .numvideos7 .views-row, #videos .numvideos8 .views-row {
width:20%;
margin-left: 4%;
}
#videos .views-field-field-sc-video-thumbnail {
    background-color: #a51a0c;
    color: #ffffff;
    padding: 8px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}
.embedded-video .player, .video-js[tabindex="-1"]  {
	position: relative;
	padding-bottom: 56.25%;
 /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.boxImageSeparate .embedded-video .player {
margin-bottom:-100%;
}
.page-node-265 .embedded-video {
margin-bottom:14px;	
}
.field-type-text-with-summary iframe {
width:100%;	
height:1000px;
border:none;
scroll:auto;
margin-top:10px;
}
.embedded-video iframe {
margin-top:0px !important;	
}
.page-node-16 iframe {
height:2430px;	
}
.embedded-video .player iframe, .video-js[tabindex="-1"] video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-embed-description {
	font-size: 14px;
line-height: 1.4em;
font-weight: 400;
}
#videos iframe {

	height: 100%;
	width: 100%;
}
.not-front h1, #impressionenContainer  h2 {
background:transparent url('../img/bg_headline_re.png') no-repeat left top;
background-size:cover;
font-weight:300;
width: 100%;
padding: 20px 20px;
color:#000000;
}
.node-type-landing-page h1, .node-type-seite h1 {
margin-bottom:0px;	
}
h1 {
/* font-family: 'Rosario', Verdana, Helvetica, Sans-Serif; */
font-weight:300;
font-size:38px;
margin-bottom:20px;
line-height:1em;
color:#ffffff;
padding:0px;
}

#text .longtext {
background-color:#ededed;
padding:25px 25px 10px 25px;
}
h2 {
/* font-family: 'Rosario', Verdana, Helvetica, Sans-Serif; */
font-size:29px;
margin:0px 0px 0.55em 0px;
padding-top:5px;
line-height:1.2em;
font-weight:300;
padding:0px;
}
#text h2 {
margin-bottom:0.35em;
padding-bottom:0px;	
padding-top:4px;	
line-height:1.4em;
font-size:23px;
font-weight:300;
color:#2e2e2e;
}
#text h2 + h3 {
margin-top:-0.3em;
}
h3, label {
/* font-family: 'Rosario', Verdana, Helvetica, Sans-Serif; */
font-size:20px;
font-weight:400;
line-height:1.4em;
margin:0;
padding:0px;
}
#text h3 {
margin-bottom: 0.35em;
padding-top:7px;
padding-bottom:0px;	
font-weight:400;
font-size:20px;
}
h4 {
/* font-family: 'Rosario', Verdana, Helvetica, Sans-Serif; */
font-size:16px;
line-height:1.4em;
margin:0;
}
p {
font-size:17px;
line-height:1.4em;
font-weight:400;
margin:0 0 1.1em 0;
}
#text p {
font-size:16px;	
text-align:justify;
}
#text p strong, #text p em,
#text ul strong, #text ul em {
color:#000000;
font-weight:500;
}
.rtecenter {
text-align:left !important;	
}
#text ul, #text ol{
margin:0 0 0.7em 0;
}
#text ul li, aside ul li {
line-height:1.4em;
padding-bottom:7px;
padding-left:28px;	
background:transparent url('../img/icon_li_text.png') no-repeat left 8px;
}
aside ul li {
background:transparent url('../img/icon_li_search.png') no-repeat left 8px;
}
aside ul {
margin-bottom:10px;	
}
aside ul + ul {
margin-top:15px;	
}
a.more {
font-weight:400;
}
a.more:hover {
color:#ffffff;
}
a.more:after, a.readmore:after {
content:url('../img/arrow_red.png');
position:relative;
top:7px;
left:7px;
} 
a.more:hover:after, #mainContent aside a.more:after, a.readmore:after {
content:url('../img/arrow_white.png');
} 
#mainContent aside a.more:hover {
text-decoration:underline;	
}
#mainContent aside a.more {
color:#ffffff;
}
#text ul {
font-size:16px;
}
#text ul.tabs li {
background-image:none;
padding:0px;	
}
#text ol {
font-size:16px;
line-height:1.4em;
font-weight:400;
padding:0px;
margin:0 0 1.41em 0;
list-style-position:inside;
}
#text ol li {
margin:0px;
padding:0px 0 6px 0;
}
.profile dt {
font-size:18px;
font-weight:300;
}
video, iframe {
max-width:100%;
}
.node-type-landing-page aside p, 
.node-type-landing-page aside h2,
.node-type-landing-page aside h3,
.node-type-landing-page aside li,
.node-type-landing-page aside a {
color:#000000;	
}
.node-type-landing-page aside li {
   background: transparent url('../img/icon_li_aside.png') no-repeat left 8px;
}
/* aside */

#mainContent aside h1 {
font-size:27px;
line-height:1.2em;
margin-bottom:0.6em;
color:#000000;
}
#mainContent aside p {
color:#000000;
font-size:15px;
}

footer {
text-align:center;
margin-top:60px;
float:left;
clear:both;
width:100%;
}
main + #footer {
margin-top:90px;	
}
#logoMkoe {
display:block;
position:relative;
margin:0px auto 17px auto;
max-width:80%;
width:100%;
}

#logoMkoe img {
max-width:100%;
height:auto !important;
display:inline-block;
}

.node-product-display > .content {
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
width:100%;	
}
.field-name-field-produktbild {
width:30%;
flex:0 0 30%;
-ms-flex:0 0 30%;
-webkit-flex:0 0 30%;	
margin-right:3%;
margin-bottom:30px;
}
.produkt-wrapper {
width:67%;
flex:0 0 67%;
-ms-flex:0 0 67%;
-webkit-flex:0 0 67%;	
}
.field-name-field-produktbild{
background-color:#e5e5e5;
padding:25px;	
}
.field-name-field-produktbild .field-item {
text-align:center;
}
.field-name-field-produktbild .field-item img {
display:inline;
width:400px;
max-width:100%;
height:auto;
}
.field-name-commerce-price {
background-color:#fec409;
padding:10px;
}
#text h2.rteright {
margin-bottom:0px;
}
#text p.rteright {
text-align:right;
font-size:13px;	
}
.field-name-commerce-price .field-item {
text-align:center;
font-size:22px;	
}
#block-block-7 {
border-top: 25px solid #e5e5e5;
padding: 0px 20px;
  padding-top: 0px;
  padding-bottom: 0px;
box-sizing: border-box;
width: 100%;
clear: both;
padding-top: 25px;
padding-bottom: 10px;
}
#block-block-7 p {
font-size: 14px;
}
.field-name-field-produkt {
text-align:right;	
margin-bottom:20px;
}
#views-form-commerce-cart-form-default {
max-width:750px;
}
.field-name-field-produkt #edit-submit, #views-form-commerce-cart-form-default .form-submit, #views-form-commerce-cart-form-default #edit-actions input,
.checkout-buttons input, .checkout-buttons .checkout-cancel, .checkout-buttons .checkout-cancel:hover, .checkout-buttons .checkout-cancel:link,.checkout-buttons .checkout-cancel:visited, .checkout-buttons .checkout-cancel:active,
#edit-back, #edit-back:hover,#edit-back:link,#edit-back:visited,#edit-back:active{
	text-decoration:none;
background-color: #fec409;
border: none;
color: #000000;
font-size: 14px;
font-weight: 400;
padding: 7px 20px;
cursor: pointer;	
}
.checkout-buttons .checkout-cancel, #edit-back {
margin-left:10px;	
}
#views-form-commerce-cart-form-default #edit-actions input {
margin-left:10px;	
}
.checkout-buttons input {
margin-right:10px;	
}
.checkout-buttons input:last-child {
margin-right:0px;	
}
#views-form-commerce-cart-form-default .line-item-total {
font-size: 14px;
padding-top:10px;	
}
.view-commerce-cart-block table, #views-form-commerce-cart-form-default table, .view-commerce-cart-summary table,
#edit-checkout-review table {
width:100%;	
}
.view-commerce-cart-block table tr, #views-form-commerce-cart-form-default table td, .view-commerce-cart-summary table td,
#edit-checkout-review table td {
border-top:1px solid #000;
border-bottom:1px solid #000;
font-size: 15px;
background-color:#fff;
}
.commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount td,tr.pane-title:first-child td  {
border:none !important;	
padding-bottom:0px !important;
}
#views-form-commerce-cart-form-default table tr, .view-commerce-cart-summary table tr, #edit-checkout-review table tr {
border:none;	
}
.field-name-commerce-order-total table td {
border-top:0px;	
}
.view-commerce-cart-block table tr td{
padding:10px 5px;	
vertical-align:middle;
}
#views-form-commerce-cart-form-default table td, .view-commerce-cart-summary table td, #edit-checkout-review table td {
padding:10px 10px 10px 0;	
vertical-align:middle;
}
#edit-checkout-review table td.pane-data-full {
padding-right:0px;	
}
#views-form-commerce-cart-form-default table th, .view-commerce-cart-summary table th, #edit-checkout-review table th {
font-size:15px;	
}
#edit-checkout-review .view-commerce-cart-summary {
background-color:#e5e5e5;	
padding:10px 10px;
}
.pane-data label {
font-size:15px;
font-weight:bold;	
}
#edit-checkout-review {
margin-bottom:35px;	
max-width:750px;	
}
#edit-checkout-review .view-commerce-cart-summary td {
background-color:#e5e5e5 !important;
}
.view-commerce-cart-block .view-footer {
font-size: 14px;
padding-top:5px;	
}
.view-commerce-cart-block .view-footer ul {
padding-top:6px;	
display:block;
}
.view-commerce-cart-block .view-footer li {
background:none !important;	
padding:0px !important;
margin-left:10px;
}
.view-commerce-cart-block table tbody, #views-form-commerce-cart-form-default table tbody, #views-form-commerce-cart-form-default table th, .view-commerce-cart-summary table th, .view-commerce-cart-summary tbody,
#edit-checkout-review table tbody {
border:none;	
}
.commerce-customer-profile-copy label, #edit-commerce-payment label {
font-size:15px;
}
#commerce-checkout-form-checkout fieldset, #commerce-checkout-form-review fieldset, #commerce-checkout-form-checkout,
#commerce-checkout-form-shipping fieldset {
max-width:750px;	
border: none;
padding: 0px;
}
#commerce-checkout-form-checkout 
#edit-customer-profile-shipping input, #edit-customer-profile-shipping select, #edit-customer-profile-shipping .form-type-textfield, 
div[id*="edit-customer-profile-billing"] input[type="text"], div[id*="edit-customer-profile-billing"]  select, div[id*="edit-customer-profile-billing"]  .form-type-textfield, 
#edit-commerce-payment input[type="text"], 
fieldset#edit-account input[type="text"] {
width:100%;	
}
.locality-block .form-item {
width:49% !important;
margin-right:2% !important;	
}
.locality-block .form-item + .form-item {
margin-right:0% !important;	
}
#edit-customer-profile-shipping .form-item, div[id*="edit-customer-profile-billing"]  .form-item, fieldset#edit-account .form-item {
margin-top:0px;	
}
#edit-customer-profile-shipping label, .form-item-commerce-shipping-shipping-service label, div[id*="edit-customer-profile-billing"]  label,
fieldset#edit-account label {
font-size:15px;
}
.form-item-customer-profile-billing-commerce-customer-profile-copy, .form-item-commerce-shipping-shipping-service {
margin:0px !important;	
}
.form-item-commerce-shipping-shipping-service .description {
margin-left:0px;	
}
legend {
margin-bottom:10px;	
}
.button-operator {
font-size:15px;	
}
#edit-buttons {
text-align:right;
}

footer {
text-align:center;
margin-top:60px;
float:left;
clear:both;
width:100%;
}
main + #footer {
margin-top:90px;	
}
#logoMkoe {
display:block;
position:relative;
margin:0px auto 17px auto;
max-width:80%;
width:280px;
}

#logoMkoe img {
max-width:100%;
height:auto !important;
display:inline-block;
}

#footerLogos {
    min-height: 80px;
    background-color: #ffffff;
    display: table;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 100%;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    padding:15px 1.75% 0px 1.75%;
    text-align: left;
    box-sizing: border-box;
	margin-top:40px;	  
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;

}
#footerLogos a {
    display: block;
    text-align: center;
    display: block;
    flex: 0 1 auto;
    min-width: 1%;
	margin-right:50px;
}
#footerLogos a:last-child {
margin-right:0px;
}
#footerLogos a img {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}
.field-name-field-field-lp-hl-content {
    background-color: #ececec;
    margin-bottom: 20px;
    padding: 20px 20px 5px 20px;
}
#textContent aside .field-item, #textContent aside .block, .node-type-subcamp aside #block-block-4 {
padding:20px 20px 5px 20px;
margin-bottom: 20px;	
    background: transparent url('../img/bg_aside_re.jpg') repeat-y left top;
    background-size: auto auto;
    background-size: 100% auto;
}
#textContent aside #block-imageblock-2 {
padding:0px;
margin-top:30px;
background-image:none;
}
#textContent aside #block-imageblock-2 img {
width:100%;
height:auto;	
}
#textContent aside a[href*="anmeldung"], #textContent aside a[href*="anmeldung"]:link, #textContent aside a[href*="anmeldung"]:visited,
#textContent aside a.readmore, #textContent aside a.readmore:link, #textContent aside a.readmore:visited,
aside #block-block-4 a[href*="anmeldung"], aside #block-block-4 a[href*="anmeldung"]:link, aside #block-block-4 a[href*="anmeldung"]:visited {
color:#000000;	
text-decoration:none;
position:relative;
}
#textContent aside a[href*="anmeldung"]:hover, #textContent aside a[href*="anmeldung"]:active,
#textContent aside a.readmore:hover, #textContent aside a.readmore:active,
aside #block-block-4 a[href*="anmeldung"]:hover, aside #block-block-4 a[href*="anmeldung"]:active{
text-decoration:underline !important;	
}
aside a[href*="anmeldung"]:after,
#textContent aside a.readmore:after  {
content:url('../img/arrow_white.png');
position:relative;
top:7px;
right:-8px !important;
left:auto;
width:25px;
}


#block-commerce-cart-cart {
background:none !important;
border:3px solid #fec409;	
}
#block-commerce-cart-cart .links a {
background-color: #fec409;
border: none;
color: #000000;
font-size: 14px;
font-weight: 400;
padding: 7px 10px;
display:inline-block;	
text-decoration:none;
}
.cart-empty-block {
  padding-bottom: 15px;
  font-size: 16px;
}
/* IE 9 hacks */
@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{
main {
top:0px;	
}
}



/* Disclaimer */
#sliding-popup .popup-content #popup-text p {
padding-top:9px;
font-size: 15px;
font-weight:normal !important;
display: block !important;
}
#sliding-popup .popup-content {
max-width: 1600px;
padding: 0px 2%;
box-sizing:border-box;
}
#sliding-popup .popup-content button {
cursor: pointer;
margin-right: 5px;
margin-top: 1em;
vertical-align: middle;
overflow: visible;
width: auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #dcdcdc;
color: #000;
font-family: Arial, sans-serif;
font-weight: bold;
padding: 4px 8px;
text-decoration: none;
background-color:#ffffff !important;
background-image:none !important;
color:#000000   !important;
font-weight:normal !important;
font-size:15px !important;
margin-left:10px !important;
margin-right:0px !important;
text-shadow:none !important;
border:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
margin-top:17px !important;
font-family:'Roboto', Verdana, Helvetica, Sans-Serif;
}
#sliding-popup .popup-content button:hover {
background-color:#000000 !important;
color:#ffffff !important;
}
#sliding-popup .popup-content  #popup-text button {
margin-left:0px !important;	
margin-top:5px !important;
margin-bottom:12px !important;
}
#popup-buttons {
text-align:right;
}
#sliding-popup .popup-content #popup-text {
max-width:63%;
margin-top:0px;
padding-top:8px;
}
#sliding-popup .popup-content #popup-buttons {
max-width:37%;
margin-bottom:8px !important;
margin-top:10px !important;
}



#popup-message-window {
border:10px solid #eab505;
border-radius:0px;
z-index:20000;	
}
@media all and (max-width: 600px) {
	#popup-message-window {
	max-width:90% !important;	
	left:5% !important;
	top:20px !important;
	}
}
#popup-message-background {
z-index:10000;	
}
#popup-message-window h1.popup-message-title {
font-size: 26px !important;
border:none !important;
color:#eab505;	
font-weight:normal !important;
margin-bottom:12px;
padding:0px !important;
background-image:none !important;
}
#popup-message-window h2 {
font-size: 22px !important;
color:#eab505;	
font-weight:normal !important;
margin-bottom:12px;
}
#popup-message-content {
text-align:left;	
}
#popup-message-content p {
clear:left;	
font-size:15px;
}

#popup-message-content a.ios {
display:block;	
width:160px !important;
height:53px !important;
background:transparent url('../img/app_ios.png') no-repeat left top;
background-size:100% auto;
text-indent:-10000px;
float:left;
}
#popup-message-content a.android {
display:block;	
width:178px !important;
height:53px !important;
background:transparent url('../img/app_android.png') no-repeat left top;
background-size:100% auto;
text-indent:-10000px;
margin-right:10px;
margin-bottom:10px;
float:left;
}
#popup-message-window li{
line-height:1.4em;
padding-bottom:7px;
padding-left:28px;	
background:transparent url('../img/icon_li_text.png') no-repeat left 5px;
}
#popup-message-window ul {
font-size:15px;
margin-bottom:12px;	
}
#popup-message-content a.ios {
margin-bottom:15px;
margin-top:-15px;
}

#popup-message-content a.android, #popup-message-content a.ios {
margin-top:-10px;
margin-bottom:20px;
}



/* Popup fdf */

#popupFestderfreude{
width:580px;
height:440px;
max-width:100%;
position:absolute;
left:50%;
margin-left:-290px;
top:100px;
z-index:100;
border:10px solid #fff;
-webkit-box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.4); 
box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.4);
background-color:#ebe1bd;
}

#popupFestderfreude a {
width:560px;
height:420px;
max-width:100%;
display:block;
text-indent:-10000px;
background:transparent url('../img/bubbles_festderfreude.png') no-repeat left center;
background-size:100% auto;
}
.i18n-en #popupFestderfreude a {
background:transparent url('../img/bubbles_festderfreude_en.png') no-repeat left center;
background-size:100% auto;
}
#popupFestderfreude span.close {
text-indent:-10000px;
font-size:0.00001rem;
display:block;
position:absolute;
right:22px;
top:15px;
width:29px;
height:29px;
background-color:transparent;
background-image:url('../img/closeicon_popup.png');
background-position:left top;
background-repeat:no-repeat;	
cursor:pointer;
}



/* Popup BF */

#popupBF{
width:580px;
height:335px;
max-width:100%;
position:absolute;
left:50%;
margin-left:-290px;
top:100px;
z-index:100;
border:10px solid #fff;
-webkit-box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.4); 
box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.4);
background-color:#ebe1bd;
z-index:10000;
box-sizing: border-box;
}

#popupBF a.popupContent {
width:560px;
height:315px;
max-width:100%;
display:block;
text-indent:-10000px;
background:transparent url('../img/popup_befreiungsfeier.jpg') no-repeat left top;
background-size:100% auto;
}
.i18n-en #popupBF a.popupContent {
background:transparent url('../img/popup_befreiungsfeier_en.jpg') no-repeat left top;
background-size:100% auto;
}
#popupBF span.close {
text-indent:-10000px;
font-size:0.00001rem;
display:block;
position:absolute;
right:10px;
top:10px;
width:29px;
height:29px;
background-color:transparent;
background-image:url('../img/closeicon_popup.png');
background-position:left top;
background-repeat:no-repeat;	
cursor:pointer;
}
#popupBF a.moreInfo {
text-indent:-10000px;
font-size:0.00001rem;
display:block;
position:absolute;
right:15px;
bottom:15px;
width:130px;
height:34px;
background-color:transparent;
background-image:url('../img/button_popup_bf_mehr_info.png');
background-position:left top;
background-repeat:no-repeat;	
cursor:pointer;
}
.i18n-en #popupBF a.moreInfo {
background-image:url('../img/button_popup_bf_mehr_info_en.png');
}

#popupBF span.closenew {
text-indent:-10000px;
font-size:0.00001rem;
display:block;
position:absolute;
right: -25px;
top: -25px;
width: 35px;
height: 35px;
background-color:transparent;
background-image:url('../img/closeicon_popup1.png');
background-position:left top;
background-repeat:no-repeat;
cursor:pointer;
}
#popupBF p.moreInfo {
height: 50px;
background-color: #CB0C27;
color: #FFF;
padding: 0.7em;
top: -10px;
position: relative;
margin-top: -40px;
}

.youtube-player {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}

.youtube-player iframe,
.youtube-player object,
.youtube-player embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}

.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}

.youtube-player img:hover {
-webkit-filter: brightness(75%);
}

.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url("../img/player-icon.png") no-repeat;
cursor: pointer;
}