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

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

@media only screen and (min-width:1281px) {
    html, body {
        font-size: 24px;
    }
}
@media only screen and (max-width:1280px) and (min-width: 768px) {
    html, body {
        font-size: 18px;
    }
}
@media only screen and (max-width:767px) {
    html, body {
        font-size: 16px;
    }
    h1, .ce_headline.h1, h2, h3 {
    	font-size: 1.6rem;
    }
}

p {
    line-height: 1.5em;
}

html body .header .logo {
	z-index: 2;
}


/** Startbanner **/
.startbanner.fullscreen .container {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 50%;
	padding-top: 0;
	padding-bottom: 30px;
	transform: translate(-50%, -100%);
}

@media only screen and (max-width: 1366px) {
    .startbanner.fullscreen .container {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 500px) and (max-device-height: 700px) {
    .mod_article.startbanner {
        background-image: url(../../70-jahre-flux/stories/Header_Tropfen_Feuerwerk_mobile.jpg)!important;
    }
    startbanner.fullscreen .container {
        padding-bottom: 10px;
    }
}

/* @media only screen and (min-width: 500px) {
	.hide_499px {
		display: block;
	}
	.show_499px {
		display: none;
	}
}
@media only screen and (max-width: 499px) {
	.mod_article.fullscreen.startbanner {
		height: 70vh;
	}

	.startbanner.fullscreen .container {
		top: 70%;
		transform: translate(-50%, -30%);
	}
	.hide_499px {
		display: none;
	}
	.show_499px {
		display: block;
	}
} */

/** Gewinnspiel **/
.footnote blockquote, .gewinnspiel .ce_text blockquote {
    border: none;
    padding-left: 0;
}
.gewinnspiel .ce_text blockquote {
    display: inline-block;
    padding: 0.25em 0 !important;
}
.gewinnspiel .footnote .ce_text {
    font-size: 0.9em !important;
}
.gewinnspiel .footnote .ce_text {
    text-align: left;
}

.footnote {
    font-size: 0.8em;
    line-height: 1.5em;
}
.ce_wrap.footnote .ce_text p {
	margin-bottom: 0px;
}

/** Anleitung **/
#anleitung .ce_text, #anleitung .ce_downloads_box .ce_downloads_box_inside,
.instructions .ce_text, .instructions .ce_downloads_box .ce_downloads_box_inside {
    background: #D2D3D5;
    padding: 1.3em 4em;
}
@media only screen and (max-width: 1024px) {
    #anleitung .ce_text, #anleitung .ce_downloads_box .ce_downloads_box_inside,
    .instructions .ce_text, .instructions .ce_downloads_box .ce_downloads_box_inside {
        padding: 1.3em 2em;
    }
}

#anleitung .ce_text.text_nr,
.instructions .ce_text.text_nr {
    margin-bottom: 4px;
}
#anleitung .ce_text.text_nr p,
.instructions .ce_text.text_nr p {
    display: inline;
    text-align: center;
    vertical-align: middle;
    font: Bold 50px/45px Open Sans;
    letter-spacing: 0;
    color: #000000;
    opacity: 0.4;
}

/*#anleitung .ce_wrap {
    height: 100%;
}
#anleitung .ce_wrap .inside {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: inherit;
}*/

#anleitung .d_50_50 .column,
.instructions .d_50_50 .column {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#anleitung .ce_text:not(.text_nr),
.instructions .ce_text:not(.text_nr) {
    flex-grow: 1;
    /*flex-shrink: 1;
    flex-basis: 0%;*/
    text-align: left;
}
#anleitung .ce_downloads_box,
.instructions .ce_downloads_box {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 1%;
}
.ce_downloads_box .ce_downloads_box_inside li img {
    display: inline-block;
}
#anleitung .ce_wrap a:not(.hyperlink_txt),
.instructions .ce_wrap a:not(.hyperlink_txt) {
	display: inline-block;
}
#anleitung .ce_downloads_box,
.instructions .ce_downloads_box {
    background: #D2D3D5;
}
.ce_downloads_box .ce_downloads_box_inside {
    font-size: 1rem;
}
#anleitung .ce_hyperlink-extended.expand a,
.instructions .ce_hyperlink-extended.expand a {
    font-size: 1.15em;
}

/** Impressum **/
.ce_text.impressum p {
    text-align: left;
}
.ce_text.impressum a {
    color: #000000;
    border-bottom: 1px solid;
    text-decoration: none;
}

.ce_text.impressum p, .ce_text.impressum a {
    font-size: 0.9rem;
}

/* -- Form -------------------------------------- */
.ce_form {
	margin: 2em auto;
	padding: 0 3%;
}

.ce_form .widget-upload input {
    border: none;
    padding-left: 0;
    font-size: 0.8rem;
}

label {
    cursor: pointer;
    display: block;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
}

form fieldset legend {
    font-size: 0.8rem;
}

.ce_form .autogrid_row.col_6 {
    padding-left: 15px;
}
.ce_form .autogrid_row.col_6 .column:last-child {
    padding-right: 0;
}

.submit_container {
	display: table;
}

input.submit, button.submit {
	font-size: 0.8rem;
	font-weight: normal;
    height: auto;
    line-height: 1.2;
}
form .widget-submit {
    display: table;
}

form .checkbox_container span {
	display: inline;
}
form .checkbox_container > span {
	display: table;
}
form .checkbox_container > span .checkbox {
	display: table-cell;
	/* vertical-align: middle; */
}
form .checkbox_container > span label {
	display: table-cell;
	/*font-size: 0.875rem;*/
	font-weight: normal;
	line-height: 1.5;
}
form .checkbox_container > span label .ce_text {
	text-align: left;
	padding: 0 1em;
}

/*.ce_form .privacy_hint input[type="checkbox"] {
	margin: 0;
	vertical-align: middle;
}
.ce_form .privacy_hint label {
	display: inline;
}
.ce_form label, .explanation {
	padding-left: 0.3125em;
	padding-right: 0.3125em;
}
.explanation {
	color: #4d4d4d;
	display: block;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 1em;
} */
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}


/** Newsletter **/
.newsletter_form {

}
.newsletter_form iframe {
    display: table;
    width: 400px;
    margin: auto;
}

/** Allgemein **/
.hidden {
    display: none;
}

.swiper-slide.placeholder .ce_bgimage .ce_image.vertical_centered {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.dark-transparent-bg {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0.6em 1.5em 0;
    color: #ffffff;
}
.ce_wrap a:not(.hyperlink_txt) {
    position: relative;
}

a.fa-file-pdf-o {
    padding-left: 1.25em;
    font-size: 0.9em;
    position: relative;
}
.fa-file-pdf-o::before {
	content: "\f1c1";
	font-family: FontAwesome;
	color: #9e3939;
	font-size: inherit;
	margin-right: 0.5em;
	vertical-align: baseline;
    position: absolute;
    left: 0;
}