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

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

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

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

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

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

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


/* --- 1. TEXTFORMATIERUNGEN --- */
html 					{ font-family: 'Open Sans', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body					{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 15px; color: #002F5F; margin: 0; }
h1,h2,h3,h4,h5,h6		{ font-family: 'Open Sans', sans-serif; font-weight: 300; color: #002F5F; }
h1						{ font-size: 38px; }
h2						{ font-size: 26px; }
.paragraph h2			{ margin: 0 0 10px 0; }
.paragraph p			{ margin-top: 0; }
.paragraph--type--inhaltsteaser_2bloecke h2,
.paragraph--type--inhaltsteaser_2bloecke_niedrig h2 { text-transform: uppercase; }
h3						{ font-size: 21px; }
h4, .button				{ font-size: 18px; }
.paragraph--type--paragraph-titel .field--name-field-blocktitel,
.field--name-field-spalte1-titel,
.field--name-field-spalte2-titel,
.field--name-field-spalte3-titel,
.field--name-field-spalte4-titel{ font-size: 21px; }
p, a, span, input,
button, select			{ color: #002F5F; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 15px; }
b, strong 				{ font-weight: bold; }
span.required 			{ color: #ff0000; font-weight: bold; }
placeholder				{ color: #B9B9B9; }
a						{ text-decoration: none; }
.paragraph a,
.newstext a				{ text-decoration: underline; }
.paragraph .airline_logo a 		{ text-decoration: none; }
.paragraph .airline_logo a span { text-decoration: underline; }
#ibe_button a, .paragraph .teaser_action a, .paragraph .views-view-grid a, 
.paragraph .button_dunkel a, .paragraph .button_weiss a{ text-decoration: none; }
.kleingedrucktes		{ font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; color: #002F5F; }
.button					{ color: #ffffff; font-weight: bold; }
.links					{ text-align: left; }
.mittig					{ text-align: center; }
.rechts					{ text-align: right; }		

/* Hintergrund- und Schriftfarben */
.weiss					{ background-color: #FFFFFF; }
.hellblau				{ background-color: #C5E9FF; }
.hellgrau, .grau		{ background-color: #DCDCDC; }
.weis p, .hellblau p, .hellgrau p{ color: #002F5F; }
.dunkelblau				{ background-color: #002F5F; }
.dunkelblau p, .dunkelblau h2{ color: #FFFFFF; }
.texthintergrund_blau 	{ background-color: rgba(197, 233, 255, 0.8); }
.texthintergrund_weiss 	{ background-color: rgba(255,255,255,0.8); }
.kein_texthintergrund	{ background-color: none; }

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
section, 
summary							{ display: block; }
.form-item, .form-actions 		{ margin-top: 1em; margin-bottom: 1em; }
.container-inline div, 
.container-inline label 		{ display: inline; }
.container-inline label:after, 
.container-inline .label:after 	{ content: ":"; }
.container-inline .form-actions, 
.container-inline.form-actions 	{ margin-top: 0; margin-bottom: 0; }
.clearfix:after 				{ display: table; clear: both; content: ""; }
.button, .image-button 			{ margin-right: 1em; margin-left: 1em; }
button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"]			{ -webkit-appearance: button; cursor: pointer; }
.button:first-child,
.image-button:first-child		{ margin-right: 0; margin-left: 0; }
/* Visual styles for item list */
.item-list .title 				{ font-weight: bold; }
.item-list ul 					{ margin: 0 0 0.75em 0; padding: 0; }
.item-list li 					{ margin: 0 0 0.25em 1.5em; padding: 0; }
[dir="rtl"] .item-list li 		{ margin: 0 1.5em 0.25em 0; }
.visually-hidden 				{
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}
.hidden 						{ display: none; }
/* Tab-Menü Drupal */
ul.tabs {
    margin: 0 0 0.5em;
    padding: 0;
    list-style: none;
}
.tabs > li {
    display: inline-block;
    margin-right: 0.3em;
}
.tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
}
.tabs a.is-active {
    background-color: #eee;
}
/* Drupal-Meldungen */
.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word;
}
.messages--status {
    color: #325e1c;
    border: 2px solid #77b259;
    background-color: #f3faef;
    background-image: url(../images/check.svg);
	margin-bottom: 20px;
}
.messages--error {
    color: #092A5E;
    border: 2px solid rgb(212,14,20);
    background-color: #FFCCCE;
    background-image: url(../images/error.svg);
	margin-bottom: 20px;
}

/* --- ENDE TEXTFORMATIERUNGEN --- */

/* --- 2. FORMULARE --- */
/* Label */
label, .label					{ width: 100%; line-height: 1em; color: #B9B9B9; font-family: 'Open Sans', sans-serif; }
.form-composite > legend, .label{ font-weight: normal; }
label.option					{ color: #002F5F; }
label.radio_container			{ color: #002F5F; width: calc(100% - 35px); hyphens: auto; }
.form-field label,
.form-field-select label,
.form-field-text label			{ color: #B9B9B9; font-weight: 400; -webkit-transition: all .2s linear; transition: all .2s linear; width: calc(100% - 10px); position: absolute; top: 5px; left: 15px; display: inline-block; max-width: 100%; margin-bottom: 5px; }

/* Layoutgruppen */
.inputfield					{ background-color: #ffffff; padding: 0 10px; height: 60px; }
.form-header				{ font-size: 26px; padding: 25px 5px; }
.kontaktblock				{ background-color: #DCDCDC; }
.themenwrapper				{ background-color: #FFFFFF; padding-bottom: 10px; }
.buttonwrapper				{ line-height: 53px; display: block; margin: 10px 0; }
.formwrapper,
.kontakt_header,
.themenauswahl,
.formular_message			{ max-width: 1026px; margin: 0 auto; }
.kontakt_header				{ font-size: 26px; padding: 15px 100px; }
.formwrapper				{ padding: 15px 100px; background-color: #DCDCDC; overflow: hidden; margin-bottom: 10px; }
.themenauswahl				{ padding: 15px 100px 0 100px; }
.themenauswahl p			{ margin: 0; }
.form-field,
.form-field-text			{ width: calc(50% - 10px); float: left; padding: 0 5px; margin-bottom: 10px; position: relative; min-height: 56px; }
.form-field-text			{ width: calc(100% - 10px); clear: both; }
.form-field-radio			{ width: calc(100% - 10px); clear: both; position: relative; padding: 0 5px; }
.form-field.xl				{ width: calc(100% - 10px); }
.form-field.submit-group	{ width: calc(100% - 10px); text-align: right; }
.form-field.small			{ width: calc(25% - 10px); }
.form-field.plz				{ width: calc(12% - 10px); }
.form-field.ort				{ width: calc(38% - 10px); }
.submit-group				{ width: 100%; text-align: right; clear: both; }
.submit-group input[type="submit"]{ margin: 15px 5px; }
.formular_message p			{ margin: 0; padding: 20px 0; font-weight: bold; }
#meldungen.confirmdisplay,
.confirmdisplay				{ color: #002F5F; background-color: #ddffde; border: 1px solid #0a940e; padding: 10px; margin: 10px 0; }
#meldungen.errordisplay,
.errordisplay				{ color: #002F5F; background-color: #FDD9D9; border: 1px solid #D40E14; padding: 10px; margin: 10px 0; }
.personenangaben			{ margin-top: 20px; }
.field_hidden				{ visibility: hidden; }
.noresults					{ width:100%; max-width: 1026px; font-weight:bold; padding: 10px 0px; margin: 0 auto; text-align: center; }

/* Input */
input						{ width: 100%; padding: 8px 0 0 0; border: 0; background-color: #ffffff; color: #002F5F; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 15px; }
.form-field input			{ padding: 29px 23px 5px 10px; width: calc(100% - 33px); border-bottom: 1px solid #b9b9b9; }
.form-field.savebutton input{ border-bottom: 0; }

/* Textarea */
.form-field-text textarea	{ padding: 29px 23px 5px 10px; width: calc(100% - 33px); border: 0; border-bottom: 1px solid #b9b9b9; min-height: 125px; resize: none; }
.js-form-type-textarea label{ color: #092A5E; }

/* Checkboxen */
input[type="checkbox"]		{ width: 15px; float: left; margin: 4px 5px 0 0; }
label.checkbox_title		{ position: relative; top: 0; left: 10px; color: #0a940e; }

/* Radiobuttons */
input[type="radio"]			{ width: 15px; }
.form-field .radio_title	{ margin-right: 5%; }
.radio_container 			{ display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radio_container input 		{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark					{ position: absolute; top: 0; left: 0; height: 14px; width: 14px; background-color: #EEEEEE; border-radius: 50%; border: 1px solid #092a5e; }
.radio_container:hover input ~ .checkmark 		{ background-color: #ccc; }
.radio_container input:checked ~ .checkmark 	{ background-color: #FFFFFF; }
.checkmark:after 			{ content: ""; position: absolute; display: none; }
.radio_container input:checked ~ .checkmark:after{ display: block; }
.radio_container .checkmark:after				{ top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #092a5e; } 

/* Select-Felder */
select 						{ width: 100%; padding: 7px 0 0 0; background-image: url('../images/select_pfeil.png'); background-position: right 10px; background-repeat: no-repeat; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }
select::-ms-expand 			{ display: none; }
.formwrapper select			{ height: 56px;	background-position: right 20px; border-bottom: 1px solid #B9B9B9; }

/* Dateifelder */
.form-field input[type="file"]{ padding: 5px 23px 5px 10px; }

/* Placeholder */
input::-webkit-input-placeholder{ color: #999999 !important; font-family: 'Open Sans', sans-serif; }
input:-moz-placeholder 			{ color: #999999 !important; font-family: 'Open Sans', sans-serif; } /* Firefox 18- */
input::-moz-placeholder 		{ color: #999999 !important; font-family: 'Open Sans', sans-serif; } /* Firefox 19+ */
input:-ms-input-placeholder 	{ color: #999999 !important; font-family: 'Open Sans', sans-serif; }
textarea::-webkit-input-placeholder{ color: #999999 !important; font-family: 'Open Sans', sans-serif; }
textarea:-moz-placeholder 		{ color: #999999 !important; font-family: 'Open Sans', sans-serif; } /* Firefox 18- */
textarea::-moz-placeholder 		{ color: #999999 !important; font-family: 'Open Sans', sans-serif; } /* Firefox 19+ */
textarea:-ms-input-placeholder 	{ color: #999999 !important; font-family: 'Open Sans', sans-serif; }

/* Fehlerhafte Eingabefelder */
input.error, textarea.error, select.error				{ background-color: #FDD9D9; border-bottom: 1px solid #D40E14; }
#schedule-changes-form input.error, 
#schedule-changes-form textarea.error, 
#schedule-changes-form select.error						{ border: 0; }
span.error, 
#schedule-changes-form .js-form-type-date.error, 
#schedule-changes-form .js-form-type-textfield.error	{ background-color: #FDD9D9; border-bottom: 2px solid #D40E14; }
input.error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder,
input.error:-moz-placeholder,
textarea.error:-moz-placeholder,
input.error::-moz-placeholder,
textarea.error::-moz-placeholder,
input.error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder{ color: #D40E14 !important; }

/* Rückmeldungen */
#meldungen.error p,	
#meldungen.confirm p			{ margin: 0; padding: 0 0 10px 0; }
#meldungen.error				{ background-color: #FDD9D9; border: 1px solid #D40E14; margin-top: 15px; margin-bottom: 15px; padding: 10px; }
#meldungen.confirm,
#meldungen p.confirm			{ background-color: #e2ffe5; border: 1px solid #00820c; margin-top: 15px; margin-bottom: 15px; padding: 10px; }

/* Fieldset */
fieldset						{ margin:0; }

/* Account Freigabe */
#form-confirm-account							{ max-width: 1026px; margin: 0 auto; padding: 15px 100px; background-color: #DCDCDC; overflow: hidden; margin-bottom: 10px; }
#form-confirm-account .js-form-item				{ width: calc(100% - 10px); margin: 0 5px; padding: 0 5px;  margin-bottom: 10px; position: relative; min-height: 56px; background-color: #ffffff; border-bottom: 2px solid #ffffff; }
#form-confirm-account .js-form-submit			{ width: 50%; float: right; }
#form-confirm-account #edit-introduction		{ width: 100%; background: none; border: 0; min-height: 0; }
#form-confirm-account .js-form-item-email		{ display: none; }

/* Schedule Changes */
#schedule-changes-form							{ max-width: 1026px; margin: 0 auto; padding: 15px 100px; background-color: #DCDCDC; overflow: hidden; margin-bottom: 10px; }
#schedule-changes-form .form-item				{ margin: 0px; }
#schedule-changes-form .js-form-type-date,
#schedule-changes-form .js-form-type-textfield	{ width: calc(50% - 20px); float: left; margin: 0 5px; padding: 0 5px;  margin-bottom: 10px; position: relative; min-height: 56px; background-color: #ffffff; border-bottom: 2px solid #ffffff; }
#schedule-changes-form .form-item-flightno1,
#schedule-changes-form .form-item-flightno2,
#schedule-changes-form .form-item-flightno3,
#schedule-changes-form .form-item-flightno4,
#schedule-changes-form .form-item-flightno5,
#schedule-changes-form .form-item-flightno6,
#schedule-changes-form .form-item-date1,
#schedule-changes-form .form-item-date2,
#schedule-changes-form .form-item-date3,
#schedule-changes-form .form-item-date4,
#schedule-changes-form .form-item-date5,
#schedule-changes-form .form-item-date6,
#schedule-changes-form .form-item-from1,
#schedule-changes-form .form-item-from2,
#schedule-changes-form .form-item-from3,
#schedule-changes-form .form-item-from4,
#schedule-changes-form .form-item-from5,
#schedule-changes-form .form-item-from6,
#schedule-changes-form .form-item-to1,
#schedule-changes-form .form-item-to2,
#schedule-changes-form .form-item-to3,
#schedule-changes-form .form-item-to4,
#schedule-changes-form .form-item-to5,
#schedule-changes-form .form-item-to6		{ float: left; width: calc(20% - 20px); height: 56px; margin-bottom: 0; }
#edit-expand1,
#edit-expand2,
#edit-expand3,
#edit-expand4,	
#edit-expand5,	
#edit-expand6,
#edit-fold2,
#edit-fold3,
#edit-fold4,
#edit-fold5,
#edit-fold6					{ float: left; width: calc(10% - 10px); margin: 0 0 0 10px; background-color: #092A5E; color: #ffffff; height: 56px; padding-top: 0; }
#edit-group1,
#edit-group2,
#edit-group3,
#edit-group4,
#edit-group5,
#edit-group6,
#edit-group-alternatives	{ visibility: hidden; display: none; border: 0; padding: 5px 0; }
#edit-group-alternatives.form-item	{ padding: 12px; margin-bottom: 20px; }
#edit-group1.group_visible,
#edit-group2.group_visible,
#edit-group3.group_visible,
#edit-group4.group_visible,
#edit-group5.group_visible,
#edit-group6.group_visible,
#edit-group-alternatives.group_visible					{ visibility: visible; display: block; }
#schedule-changes-form .js-form-type-radio label,
#schedule-changes-form .js-form-type-checkbox label		{ color: #092A5E; }
#schedule-changes-form .js-form-item-refund				{ margin-left: 270px; width: calc(100% - 270px); }
#schedule-changes-form input.form-radio,
#schedule-changes-form input.form-checkbox,
#schedule-changes-form .js-form-type-checkbox label		{ margin-bottom: 20px; }
#schedule-changes-form input.form-radio#edit-decision3	{ margin-bottom: 0; }
#schedule-changes-form #edit-introduction2,
#schedule-changes-form #edit-introduction				{ margin: 20px 0; }
#schedule-changes-form #edit-introduction3				{ margin: 0 0 20px 0; }
#schedule-changes-form #edit-group7.form-item			{ border: 0; padding-left:0; margin-top: 20px; }
#schedule-changes-form #edit-submit						{ width: calc(50% - 10px); clear: both; float: left; margin-left: 5px; }

#edit-group-confirm,
#edit-group-change,
#edit-group-cancel				{ border: 0; }
input#edit-confirm,
input#edit-change,
input#edit-cancel				{ width: 25%; float: left; padding: 5px; margin-right: 20px; }
#edit-description1,
#edit-description2,
#edit-description3				{ width: 100%; vertical-align: middle; padding: 5px; }
#edit-confirm,
#edit-change,
#edit-cancel					{ background-color: #ffffff; border: 2px solid #092A5E; color: #092A5E; }
#edit-confirm:hover,
#edit-change:hover,
#edit-cancel:hover,
#edit-confirm.btn_active,
#edit-change.btn_active,
#edit-cancel.btn_active			{ background-color: #092A5E; color: #ffffff; }
#edit-confirm.is-disabled,
#edit-change.is-disabled,
#edit-cancel.is-disabled		{ background-color: #eeeeee; border: 2px solid #eeeeee; color: #aaaaaa; }
.form-item-choice, 
.form-item-pnr,
.form-item-timestamp,
.form-item-check				{ visibility: hidden; display: none; }
#edit-agentur:disabled			{ background-color: #ffffff; }

/* Formular Rückrufservice */
#block-formularruckrufblock							{ max-width: 1026px; margin: 10px auto; padding: 15px 100px; background-color: #DCDCDC; overflow: hidden; margin-bottom: 10px; }
#block-formularruckrufblock .form-type-textfield,
#block-formularruckrufblock .form-type-select,
#block-formularruckrufblock .form-type-date			{ width: calc(50% - 20px); float: left; padding: 0 5px; margin: 0 5px 10px 5px; position: relative; min-height: 56px; background-color: #ffffff; border-bottom: 2px solid #ffffff; }
#block-formularruckrufblock .form-type-textarea		{ margin: 0 5px 10px 5px; clear: both; }
#block-formularruckrufblock .form-item-filekey		{ width: calc(50% - 20px); float: left; margin: 0 5px; padding: 0 5px;  margin-bottom: 10px; position: relative; min-height: 56px; background-color: #ffffff; border-bottom: 2px solid #ffffff; }
#block-formularruckrufblock #edit-submit			{ margin-left: 5px; }
#block-formularruckrufblock .js-form-item-filekey,
#block-formularruckrufblock .js-form-item-reisedatum{ visibility: hidden; display: none; }
#block-formularruckrufblock .js-form-submit			{ width: calc(50% - 10px); margin: 0 5px; }
#block-formularruckrufblock fieldset				{ clear: both; margin-bottom: 0; border: 0; padding: 0; }
#block-formularruckrufblock .form-type-textfield.error,
#block-formularruckrufblock .form-type-select.error,
#block-formularruckrufblock .form-type-date.error	{ background-color: #ffe7e7; border-bottom: 2px solid #bb0000; }
#block-formularruckrufblock .form-item input.error, 
#block-formularruckrufblock .form-item textarea.error, 
#block-formularruckrufblock .form-item select.error	{ border: 0; }
#block-formularruckrufblock .form-item-bestaetigung-entgelt1,
#block-formularruckrufblock .form-item-bestaetigung-entgelt2,
#block-formularruckrufblock .form-item-bestaetigung-text					{ padding-left: 5px; visibility: hidden; display: none; }
#block-formularruckrufblock .form-item-bestaetigung-entgelt1.grp_visible,
#block-formularruckrufblock .form-item-bestaetigung-entgelt2.grp_visible	{ visibility: visible; display: block; }

/* Formular Sonderaktion */
#block-formularsonderaktionblock							{ max-width: 1026px; margin: 10px auto; padding: 15px 100px; background-color: #DCDCDC; overflow: hidden; margin-bottom: 10px; }
#block-formularsonderaktionblock .form-type-textfield,
#block-formularsonderaktionblock .form-type-select,
#block-formularsonderaktionblock .form-type-date			{ width: calc(50% - 20px); float: left; padding: 0 5px; margin: 0 5px 10px 5px; position: relative; min-height: 56px; background-color: #ffffff; border-bottom: 2px solid #ffffff; }
#block-formularsonderaktionblock .form-type-textarea		{ margin: 0 5px 10px 5px; clear: both; }
#block-formularsonderaktionblock .form-item-filekey		{ width: calc(50% - 20px); float: left; margin: 0 5px; padding: 0 5px;  margin-bottom: 10px; position: relative; min-height: 56px; background-color: #ffffff; border-bottom: 2px solid #ffffff; }
#block-formularsonderaktionblock #edit-submit			{ margin-left: 5px; }
#block-formularsonderaktionblock .js-form-item-filekey,
#block-formularsonderaktionblock .js-form-item-reisedatum{ visibility: hidden; display: none; }
#block-formularsonderaktionblock .js-form-submit			{ width: calc(50% - 10px); margin: 0 5px; }
#block-formularsonderaktionblock fieldset				{ clear: both; margin-bottom: 0; border: 0; padding: 0; }
#block-formularsonderaktionblock .form-type-textfield.error,
#block-formularsonderaktionblock .form-type-select.error,
#block-formularsonderaktionblock .form-type-date.error	{ background-color: #ffe7e7; border-bottom: 2px solid #bb0000; }
#block-formularsonderaktionblock .form-item input.error, 
#block-formularsonderaktionblock .form-item textarea.error, 
#block-formularsonderaktionblock .form-item select.error	{ border: 0; }
#block-formularsonderaktionblock .form-item-bestaetigung-entgelt1,
#block-formularsonderaktionblock .form-item-bestaetigung-entgelt2,
#block-formularsonderaktionblock .form-item-bestaetigung-text					{ padding-left: 5px; visibility: hidden; display: none; }
#block-formularsonderaktionblock .form-item-bestaetigung-entgelt1.grp_visible,
#block-formularsonderaktionblock .form-item-bestaetigung-entgelt2.grp_visible	{ visibility: visible; display: block; }
#block-formularsonderaktionblock .form-item-email { visibility: hidden; display: none; }

/* Formular RTW */
#form-buchung-anfrage-rtw .js-form-type-textfield						{ width: calc(50% - 20px); float: left; margin: 0 5px; padding: 0 5px;  margin-bottom: 10px; position: relative; min-height: 56px; background-color: #ffffff; border-bottom: 2px solid #ffffff; }
#form-buchung-anfrage-rtw select										{ height: 30px; background-position: right 8px; border: 0; background-color: #ffffff; }
#form-buchung-anfrage-rtw fieldset										{ border: 0; margin: 0; padding: 0; }
#form-buchung-anfrage-rtw fieldset#flugroute_rtw,
#form-buchung-anfrage-rtw fieldset#passagiere_rtw						{ clear: both; border-top: 1px solid #092A5E; border-bottom: 1px solid #092A5E; margin: 142px 0 20px 0; }
#form-buchung-anfrage-rtw fieldset#flugroute_rtw .form-header,
#form-buchung-anfrage-rtw fieldset#passagiere_rtw .form-header			{ padding-top: 15px; }

#form-buchung-anfrage-rtw .button-expand,
#form-buchung-anfrage-rtw .button-fold									{ float: left; width: calc(10% - 10px); margin: 0 0 0 10px; background-color: #092A5E; color: #ffffff; height: 56px; padding-top: 0; }
#form-buchung-anfrage-rtw .js-form-type-textfield.rtw_route				{ width: calc(15% - 10px); }
#form-buchung-anfrage-rtw .js-form-type-textfield.rtw_passagierdaten	{ width: calc(15% - 10px); }
#form-buchung-anfrage-rtw .js-form-type-textfield.rtw_anrede,
#form-buchung-anfrage-rtw .js-form-type-textfield.rtw_titel				{ width: calc(7% - 10px); }
#form-buchung-anfrage-rtw .form-item-flexible							{ margin-top: 0; }

#rtw_route2.form-wrapper,
#rtw_route3.form-wrapper,
#rtw_route4.form-wrapper,
#rtw_route5.form-wrapper,
#rtw_route6.form-wrapper,
#rtw_route7.form-wrapper,
#rtw_route8.form-wrapper,
#rtw_route9.form-wrapper,
#rtw_route10.form-wrapper,
#rtw_route11.form-wrapper,
#rtw_route12.form-wrapper,
#rtw_route13.form-wrapper,
#rtw_route14.form-wrapper,
#rtw_route15.form-wrapper,
#rtw_route16.form-wrapper,
#rtw_passagier2.form-wrapper,
#rtw_passagier3.form-wrapper,
#rtw_passagier4.form-wrapper,
#rtw_passagier5.form-wrapper,
#rtw_passagier6.form-wrapper,
#rtw_passagier7.form-wrapper,
#rtw_passagier8.form-wrapper											{ visibility: hidden; display: none; }
#rtw_route2.form-wrapper.group_visible,
#rtw_route3.form-wrapper.group_visible,
#rtw_route4.form-wrapper.group_visible,
#rtw_route5.form-wrapper.group_visible,
#rtw_route6.form-wrapper.group_visible,
#rtw_route7.form-wrapper.group_visible,
#rtw_route8.form-wrapper.group_visible,
#rtw_route9.form-wrapper.group_visible,
#rtw_route10.form-wrapper.group_visible,
#rtw_route11.form-wrapper.group_visible,
#rtw_route12.form-wrapper.group_visible,
#rtw_route13.form-wrapper.group_visible,
#rtw_route14.form-wrapper.group_visible,
#rtw_route15.form-wrapper.group_visible,
#rtw_route16.form-wrapper.group_visible,
#rtw_passagier2.form-wrapper.group_visible,
#rtw_passagier3.form-wrapper.group_visible,
#rtw_passagier4.form-wrapper.group_visible,
#rtw_passagier5.form-wrapper.group_visible,
#rtw_passagier6.form-wrapper.group_visible,
#rtw_passagier7.form-wrapper.group_visible,
#rtw_passagier8.form-wrapper.group_visible								{ visibility: visible; display: block; }

/* Formular MFA (miniorange/Xecurify) */
.mo-mfa-form,
.mo-auth-select-method,
.mo-auth-miniorange-authenticate,
.mo-auth-configure-enduser-2fa
{ 
  background-color: #DCDCDC; 
  padding: 15px 100px; 
  margin: 10px auto; 
  overflow: hidden; 
  max-width: 1026px;
}
.mo-mfa-form{ margin-top: 40px; }
.mo-auth-miniorange-authenticate .js-form-type-textfield,
.mo-auth-select-method .js-form-type-select                
{ 
  width: calc(50% - 20px); 
  float: left; 
  padding: 0 5px; 
  margin: 0px 5px 10px 5px; 
  position: relative; 
  min-height: 56px; 
  background-color: #ffffff; 
  border-bottom: 2px solid #ffffff; 
}
.mo-auth-select-method #edit-actions,
.mo-auth-miniorange-authenticate .js-form-item-mo-auth-remember-device	
{ 
  clear: both; 
}
.mo-auth-select-method .js-form-submit,
.mo-auth-miniorange-authenticate .js-form-submit,
.mo-auth-configure-enduser-2fa .js-form-submit
{ 
  margin: 15px 5px; 
  width: 33%; 
  background-color: #092A5E;
  border-radius: 5px; 
  text-transform: uppercase; 
  color: #ffffff; 
  height: 60px; 
  padding: 18px; 
  font-size: 16px;
}
.mo-auth-configure-enduser-2fa .container-inline .js-form-submit
{ 
  margin: 0 5px; 
}
.path-mfa-setup #block-spx-local-tasks{
	visibility: hidden;
	display: none;
}

/* Anpassungen Styles Felder und Buttons Miniorange MFA */
.qr_code_text		
{ 
  margin-left: 0; 
}	
#googleAuthSecret
{ 
  margin: 10px 0;
}
.mo-auth-configure-enduser-2fa h5
{ 
  font-size: 18px; 
  font-weight: bold; 
}
.mo-auth-configure-enduser-2fa ul
{ 
  padding-left: 10px;
}
.mo-auth-configure-enduser-2fa .js-form-type-textfield
{ 
  width: calc(50% - 20px); 
  float: left; 
  padding: 0 5px; 
  margin: 0px 5px 10px 5px;
  position: relative; 
  min-height: 56px; 
  background-color: #ffffff; 
  border-bottom: 2px solid #ffffff;
}
.mo-auth-configure-enduser-2fa .form-actions
{ 
  clear: both;
}
.mo-mfa-form .button{ 
	background-color: #092A5E; 
	color: #ffffff; 
	font-family: 'OpenSans', sans-serif; 
	font-weight: normal; 
	font-size: 18px; 
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px 15px;
}
.mo-mfa-form #edit-device-table{
	margin-top: 15px;
}
.mo-mfa-form th{
	text-align: left;
	padding: 5px;
}
.mo-mfa-form td,
.mo-kba-table td{
	padding: 5px;
}
#drupal-modal,
.ui-dialog-buttonpane{
	background-color: #DCDCDC;
}
.ui-dialog .ui-dialog-buttonpane button{
	background-color: #092A5E; 
	color: #ffffff; 
	font-family: 'OpenSans', sans-serif; 
	font-weight: normal; 
	font-size: 18px; 
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px 15px;
}
.miniorange-configure-backup-method label{ color: #092A5E; }

/*
.ui-button-icon-only .ui-icon{
	top: 0;
	right: 0;
}
*/

/* --- ENDE FORMULARE --- */

/* Dateiverweise mit Thumbnail */
.file						{ padding-left: 25px; line-height: 24px; }
.file--general,
.file--application-pdf		{ background-image: url(../images/symbol_dokument.png); background-position: left top; background-repeat: no-repeat; }

/* BILDER */
picture{ height: 18px; }

/* DRUPAL-MELDUNGEN */
.messages{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
}

/* SCHALTFLÄCHEN */
.themenauswahl a.button_weiss.btn_selected{ background-color: #002F5F; color: #FFFFFF; }
.themenauswahl a.button_weiss	{ padding: 15px 30px; text-decoration: none; }
.teaser_action a, #ibe_button a	{ border-radius: 3px; background-color: #c5e9ff; color: #002F5F; font-weight: bold; text-transform: uppercase; padding: 5px 30px; }
.hellblau .teaser_action a,
.texthintergrund_blau .teaser_action a{ background-color: #AE0570; color: #FFFFFF; }
.dunkelblau .teaser_action a	{ border-radius: 3px; background-color: #FFFFFF; color: #002F5F; font-weight: bold; text-transform: uppercase; padding: 5px 30px; }
.button							{ background-color: #ad0873; border-radius: 5px; text-transform: uppercase; }
.button_blue					{ background-color: #002F5F; border-radius: 5px; text-transform: uppercase; color: #ffffff; height: 60px; padding: 18px; }
.button_default					{ background-color: #AD0873; border-radius: 5px; text-transform: uppercase; color: #ffffff; height: 60px; padding: 18px; font-size: 17px; }
.button_blue_small,
.button_dunkel a,
.field--name-field-spalte1-link a,
.field--name-field-spalte2-button a,
.field--name-field-spalte3-button a,
.field--name-field-spalte4-button a,
.titel_mitte a					{ background-color: #002F5F; border-radius: 3px; text-transform: uppercase; color: #ffffff; padding: 5px 30px; font-weight: bold; }
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte1-link a,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte2-button a,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte3-button a,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte4-button a,
.paragraph--type--paragraph-bild-titel-text-button a{ display: block; line-height: 22px; text-decoration: none; }
.button_bright_small,
.button_hell a					{ background-color: #FFFFFF; border-radius: 3px; text-transform: uppercase; color: #002F5F; padding: 5px 30px; font-weight: bold; }
.button_weiss a, a.button_weiss	{ background-color: #FFFFFF; border-radius: 3px; text-transform: uppercase; color: #002F5F; padding: 5px 30px; font-weight: bold; border: 1px solid #002F5F; }
.button_weiss a:hover,
a:hover.button_weiss			{ background-color: #002F5F; color: #FFFFFF; }
.button_red						{ padding: 5px 30px; text-transform: uppercase; color: #ffffff; background: rgb(212,14,20); border-radius: 5px; border: 1px solid rgb(212,14,20); font-weight: bold; }
#ibe_button a					{ background-color: rgb(173,8,115); color: #FFFFFF; }
.btn_inaktiv,
.form_inaktiv,
.form_email,
.themenauswahl a.button_weiss.btn_inaktiv{ visibility: hidden; display: none; }
a.button_mfa{ 
	float: left; 
	background-color: #092A5E; 
	color: #FFFFFF; 
	font-weight: normal;
	width: 33%; 
	height: 32px; 
	padding: 18px 10px 10px 10px; 
	margin-top: 15px; 
	border-radius: 5px; 
	text-align: center; 
	text-decoration: none;
	text-transform: uppercase;
}

/* Schaltflächengröße */
.button_big		{ width: 100%; 	}
.button_medium	{ width: 50%; 	}
.button_small	{ width: 33%;	}

.teaser_action{
	width: 100%;
	text-align: right;
	height: 26px;
}
.action_left	{ float: left; }
.action_right	{ float: right; }
.rg_button{
	background-color: transparent;
	border: none;
}
.rg_button img{
	vertical-align: middle;
}
.agree-button,
.decline-button{
	background-color: transparent;
	border-radius: 3px;
	color: #ffffff;
	padding: 5px 30px;
	font-weight: bold;
	border: 2px solid #ffffff;
}

ul{
	padding-left: 32px;	
}
main{
	margin-bottom: 0;
}
.user-logged-in main{
	margin-bottom: 50px;
}
footer{
	margin-top: 33px;
	padding-top: 50px;
	background-color: #DAE7EF;
	clear: both;
	overflow: hidden;
}
.path-frontpage footer{
	padding-top: 18px;
}

/* SPALTENLAYOUT */
.triplecol{
	width: 33%;
}
.quadcol{
	width: 25%;
}

/* TABELLEN & CSS-TABELLEN */
.benutzertabelle{
	width: 100%;
}
.table_wrapper{ 
	overflow-x: auto; 
}
.table{
	display: table;
	width: 100%;
}
.trow {
	display: table-row;	
	width: 100%;
}
.tcell {
	display: table-cell; 
	vertical-align: middle;
}
td.titlecell{
	border-bottom:2px solid #cccccc; padding: 0 5px;
}
td.printcell{
	border-bottom:1px solid #cccccc; padding: 0 5px;
}
.avissum td.printcell{
	border-bottom: 2px solid #cccccc;
	background-color: #EFEFEF;
}
td.amountcell{
	text-align: right;
}
td.sumcell{
	padding: 0 5px; text-align: right;
}
.trow.avissum .tcell,
tr.avissum .td{
	border-bottom: 2px solid #cccccc;
	background-color: #EFEFEF;
}
.rgarchiv,
.sammelrechnungen{
	width: calc(100% - 200px);
	max-width: 1026px;
	padding: 10px 100px;
	margin: 0 auto;
	display: table;
}
.rgarchiv .celltitles .tcell,
.sammelrechnungen .celltitles .tcell{
	line-height: 50px;
	border-bottom: 1px solid #002F5F;
	text-align: center;
}
.rgarchiv .tcell,
.sammelrechnungen .tcell{
	line-height: 70px;
	border-bottom: 1px solid #B9B9B9;
	text-align: center;
}
.sammelrechnungen .tcell{
	line-height: 40px;
}
.sammelrechnungen .rg_button img{
	height: 18px;
	width: 18px;
}
.contenttable{
	width: 100%;
	border: 0px;
}
.col_title{
	background-color: #c5e9ff;
	color: #002F5F;
	font-weight: bold;
}
.contenttable td{
	border: 1px solid #cccccc;
	text-align: center;
	padding: 5px;
}


/* REGIONEN */
.region{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.region-header,
.region-interest{
	max-width: 1226px;
	position: relative;
}
.region-content{
	position: relative;
	min-height: 1100px;
	overflow: hidden;
}
.path-frontpage .region-content{
	min-height: 0;
}
.region-titlestage,
.region-footer{
	margin: 0;
	position: relative;
}
.region-footer{
	width: 60%;
	max-width: 804px;
	margin: 0 auto;
	overflow: hidden;
}
.region-titlestage,
.region-footer{
	margin: 0;
	position: relative;
}
.region-footer{
	width: 60%;
	max-width: 804px;
	margin: 0 auto;
	overflow: hidden;
}
.region-footerbanner{
	background: #FFFFFF;
}
.layout_interest{
	background-color: #FFFFFF;
	padding: 12px 0 30px 0;
}
.path-frontpage.user-logged-in main,
.path-frontpage .node__content{
	margin-bottom: 0;
}


/* BENUTZERANMELDUNG / STARTSEITE [offener Bereich] */
#block-benutzeranmeldung,
#block-spx-willkommensbox{
	background: url("../images/Login_Background.jpg") no-repeat right top;
	background-size: cover;
	width: 100%;
	height: 100%;
	padding: 150px 0 190px 0;
}
#block-benutzeranmeldung h2{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#block-benutzeranmeldung h3{
	font-size: 21px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#user-login-form,
#user-logout-confirm,
#block-vorteile-tts,
.willkommenstext{
	width: calc(44% - 40px);
	min-width: 320px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(197,233,255,0.8);
	padding: 20px;
}
#user-login-form label{
	color: #002F5F;
}
#user-logout-confirm #edit-actions:before{
	content: "Möchten Sie sich wirklich abmelden?";
	font-weight: bold;
	font-size: 22px;
}
#user-logout-confirm #edit-actions{
	margin: 0;
}
#user-logout-confirm a.dialog-cancel{
	display: block;
	height: 30px;
	text-align: center;
	padding: 18px 0 12px 0;
	width: 100%;
	margin: 0;
}
#user-logout-confirm #edit-submit{
	margin: 20px 0;
}
#block-vorteile-tts{
	max-width: 400px;
	margin-top: 30px;
	padding: 10px 100px 20px 100px;
	border-radius: 0 20px 0 0;
}
#block-vorteile-tts a{
	display: block;
	width: 100%;
	border-radius: 5px;
	border: 2px solid #002F5F; 
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
}	
.region.region-titlestage img.Login_Logo{
	width: 100px;
	height: 44px;
	margin-left: calc(50% - 50px);
}
#block-benutzeranmeldung .felder{
	padding: 0 80px;
}
#edit-name, #edit-pass, #edit-submit{
	height: 60px;
	padding: 0;
}
#passwort_vergessen{
	text-align: right;
}
#container_stoerer{
	width: 50%;
	min-width: 390px;
	max-width: 630px;
	margin-left: auto;
	margin-right: auto;
}
#vorteile_stoerer{
	width: 80px;
	height: 80px;
	border-radius: 60px;
	background-color: #ffffff;
	padding: 15px;
	text-align: center;
	float: right;
	margin-top: 115px;
}
#vorteile_stoerer span{
	padding-top: 2px;
	vertical-align: middle;
	margin: 0;
	font-weight: bold;
}
#block-spx-willkommensbox h2{
	width: calc(44% - 40px);
	min-width: 320px;
	max-width: 560px;
	background: rgba(197,233,255,0.8);
	padding: 20px;
	margin: 0 auto;
}
#block-spx-willkommensbox a{
	text-decoration: underline;
}

/* Login-Seite user/login */
body.path-user .region-content		{ min-height: 860px; }
body.path-user #block-spx-content	{ background: url("../images/Login_Background.jpg") no-repeat; min-height: 860px; padding-top: 75px; }
body.path-user #user-login-form 	{ padding: 80px 100px 20px 100px; max-width: 360px; background: url("../images/Login_Logo.png") no-repeat center 20px rgba(197,233,255,0.8); }

/* 1. HEADER */
header{
	background-color: #FFFFFF;
}

/* 1a. LOGO */
#block-spx-branding,
#block-spxlogogeschlossen{
	width: 125px;
	height: 54px;
	padding: 53px 25px 21px 25px;
	float: left;
	z-index: 99;
}
#block-spxlogogeschlossen p{ margin: 0; }

/* 1b. HAUPTNAVIGATION */
#block-spx-hauptnavigation.block-superfish,
#block-spx-hauptnavigationoffenerbereich.block-superfish{
	padding-top: 48px;
	margin-left: 205px;
	width: calc(75% - 205px);
}
ul.sf-menu a, ul.sf-menu span.nolink{
	font-size: 21px;
	color: #002F5F;
	line-height: 38px;
	padding: 0 10px;
	border-radius: 5px 5px 0 0;
	border: 1px solid #FFFFFF;
}
ul.sf-menu a:hover{
	color: #ad0873;
}
ul.menu a.is-active {
    color: #002F5F;
}
.sf-no-children a:hover{
	border-bottom: 0px
}
ul.menu .sfHover,
ul.menu .sfHover a.is-active {
    color: #002F5F;
}
ul.menu .sfHover a.is-active:hover{
	color: #ad0873;
}
.sf-depth-1 a:hover, .sf-depth-1.sfHover a{
	background-color: #c5e9ff;
	z-index: 5;
	color: #002F5F;
	border-radius: 5px 5px 0 0;
	border: 1px solid #c5e9ff;
}
a.sf-depth-1.is-active:hover{
	color: #ad0873;
}
 ul.sf-menu.menu ul{
	margin-top: 0px;
	background-color: #c5e9ff;
	z-index: 500;
	color: #002F5F;
	border-radius: 0 5px 5px 5px;
	border: 1px solid #c5e9ff;
	padding-bottom: 10px;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}
ul.sf-menu ul .sf-depth-2 a{
	font-size: 15px;
	color: #002F5F;
	padding: 5px 0;
	line-height: 24px;
	z-index: 510;
}
ul.sf-menu.menu ul li{
	margin: 0 15px;
	width: calc(100% - 30px);
}
ul.sf-menu ul li{
	border-bottom: 1px solid #002F5F;	
}
ul.sf-menu .sf-depth-2 a:hover{
	color: #ad0873;
}

/* IBE-Menü */
#block-spx-ibemenu{
	position: absolute;
	width: 360px;
	top: 0px;
	right: 170px;
}
#block-spx-ibemenu ul.menu{
	float: right;
}
#block-spx-ibemenu ul.sf-menu a{
	font-size: 15px;
	padding: 0 0 0 18px;
}

/* INFOBLOCK BENUTZER+AGENTUR*/
#block-infoblock-benutzer-agentur{
	position: absolute;
	height: 27px;
	top: 8px;
	right: 0px;
}
#infoblock_benutzer_agentur{
	padding: 2px 5px;
	background-color: #c5e9ff;
	border: 1px solid #c5e9ff;
	text-align: center;
	border-radius: 3px 0 0 3px;
	float: left;
}
#anmeldeblock,
#abmeldeblock{
	padding: 2px 5px;
	background-color: #002F5F;
	border: 1px solid #002F5F;
	text-align: center;
	border-radius: 0 3px 3px 0;
	float: right;
}
#anmeldeblock{
	border-radius: 3px;
}
#anmeldeblock a,
#abmeldeblock a{
	color: #ffffff;
}

/* Symbol-Menü */
#block-spx-symbolmenu,
#block-spx-symbolmenuoffenerbereich,
#block-symbolmenuoffenerbereichnichtangemeldet{
	position: absolute;
	width: 270px;
	height: 75px;
	top: 53px;
	right: 0px;
}
#block-spx-symbolmenu p,
#block-spx-symbolmenuoffenerbereich p,
#block-symbolmenuoffenerbereichnichtangemeldet p{
	margin: 0;
	text-align: right;
}
#block-spx-symbolmenu a,
#block-spx-symbolmenuoffenerbereich a,
#block-symbolmenuoffenerbereichnichtangemeldet a{
	padding-left: 25px;
}

/* Hauptnavigation [offen + Agenturbereich] - mobile */
ul.menu {
	margin-left: 1em; /* LTR */
	padding: 0;
	list-style: none outside;
	text-align: left; /* LTR */
}
[dir="rtl"] ul.menu {
	margin-right: 1em;
	margin-left: 0;
	text-align: right;
}
.menu-item--expanded {
	list-style-type: circle;
	list-style-image: url(../../images/misc/menu-expanded.png);
}
 .menu-item--collapsed {
	list-style-type: disc;
	list-style-image: url(../../images/misc/menu-collapsed.png); /* LTR */
}
 [dir="rtl"] .menu-item--collapsed {
	list-style-image: url(../../images/misc/menu-collapsed-rtl.png);
}
.menu-item {
	margin: 0;
	padding-top: 0.2em;
}
ul.menu a.is-active {
	color: #000;
}

#block-spx-hauptnavigation-agenturbereich-mobile,
#block-spx-hauptnavigation-offenerbereich-mobile{
	visibility: hidden;
	display: none;
	width: calc(100% - 20px);
	position: relative;
	background-color: #C5E9FF;
	padding: 10px;
	overflow: hidden;
}
#block-spx-hauptnavigation-agenturbereich-mobile ul.menu,
#block-spx-hauptnavigation-offenerbereich-mobile ul.menu{
	max-width: 826px;
	margin: 0 auto;
}
#block-spx-hauptnavigation-agenturbereich-mobile .menu-item--expanded,
#block-spx-hauptnavigation-offenerbereich-mobile .menu-item--expanded{
    list-style-type: none;
    list-style-image: none;
	float: left;
	width: 25%;
	min-height: 250px;
	overflow: hidden;
}
#block-spx-hauptnavigation-agenturbereich-mobile ul li a,
#block-spx-hauptnavigation-offenerbereich-mobile ul li a,
#block-spx-account-menu ul li a{
	color: #002F5F;
	line-height: 30px;
}
#block-spx-hauptnavigation-agenturbereich-mobile ul li a:hover,
#block-spx-hauptnavigation-agenturbereich-mobile ul.menu li ul.menu li a:hover,
#block-spx-hauptnavigation-offenerbereich-mobile ul li a:hover,
#block-spx-hauptnavigation-offenerbereich-mobile ul.menu li ul.menu li a:hover,
#block-spx-account-menu ul li a:hover,
#block-spx-hauptnavigation-agenturbereich-mobile ul.menu li a:hover,
#block-spx-hauptnavigation-offenerbereich-mobile ul.menu li a:hover{
	color: #ad0873;
}
#block-spx-hauptnavigation-agenturbereich-mobile ul.menu li a, 
#block-spx-hauptnavigation-offenerbereich-mobile ul.menu li a{
	color: #002F5F;
}
#block-spx-account-menu ul.menu li a.is-active,
#block-spx-hauptnavigation-offenerbereich-mobile ul.menu li a.is-active{
	color: #ad0873;
}
#block-spx-hauptnavigation-agenturbereich-mobile ul.menu li ul.menu li a, 
#block-spx-hauptnavigation-offenerbereich-mobile ul.menu li ul.menu li a,
#block-spx-account-menu ul.menu li ul.menu li a{
	color: #002F5F;
}
#block-spx-hauptnavigation-agenturbereich-mobile ul.menu li a.is-active,
#block-spx-hauptnavigation-agenturbereich-mobile ul.menu li ul.menu li a.is-active,
#block-spx-hauptnavigation-offenerbereich-mobile ul.menu li ul.menu li a.is-active,
#block-spx-account-menu ul.menu li ul.menu li a.is-active{
	color: #ad0873;
}

#block-spx-hauptnavigation-agenturbereich-mobile.mobilemenu-visible,
#block-spx-hauptnavigation-offenerbereich-mobile.mobilemenu-visible{
	visibility: visible;
	display: block;
}

/* SEITENNAVIGATION ARCHIVE */
.seitennavi_container{
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
.seitennavi_container p {
	margin-top: 20px;
}
.seite_navi{
	width: 40px;
	height: 40px;
	border: 1px solid #002F5F;
	border-radius: 5px;
	background-color: #FFFFFF;
	color: #002F5F;
	padding: 5px;
	margin: 5px;
}
.seite_navi.active{
	background-color: #002F5F;
	color: #FFFFFF;
}
.seite_navi.next,
.seite_navi.prev{
	width: 70px;
}
.seite_navi.disabled{
	background-color: #CCCCCC;
	color: #777777;
	border: #444444;
}

/* Benutzermenu */
#block-spx-account-menu{
	visibility: hidden;
	display: none;
	width: 50%;
	max-width: 120px;
	position: absolute;
	top: 80px;
	right: 57px;
	z-index: 300;
	background-color: #C5E9FF;
	border: 1px solid #C5E9FF;
	border-radius: 5px 0 5px 5px;
	margin-top: 3px;
	padding: 2px 10px 10px 10px;
}
#block-spx-account-menu.mobilemenu-visible{
	visibility: visible;
	display: block;
}
#block-spx-account-menu ul{
	margin: 0;
}
#block-spx-account-menu ul li{
	text-align: left;
	border-bottom: 1px solid #002F5F;
	padding: 0;
}
#block-spx-account-menu .menu-item--expanded{
    list-style-type: none;
    list-style-image: none;
	float: left;
	width; 25%;
}


/*  SUCHMASKEN  */
/* Drupal-Suche */
#block-suchformular,
#custom-search-block-form,
#search-form{
	width: calc(100% - 200px);
	max-width: 1026px;
	height: 60px;
	background-color: #DAE7EF;
	margin: 0 auto 10px auto;
	padding: 20px 100px;
}
#block-suchformular .form-item,
#custom-search-block-form .form-item,
#search-form .form-item{
	margin: 0;
}
.form-item-keys{
	width: 62%; /* 674px */
	height: 48px;
	background-color: #ffffff;
	border-bottom: 1px solid #b9b9b9;
	padding: 6px 18px;
	float: left;
}
#block-suchformular #edit-actions,
#custom-search-block-form #edit-actions,
#search-form #edit-actions{
	margin: 0;
}
#block-suchformular #edit-submit,
#custom-search-block-form #edit-submit,
#search-form #edit-submit{
	float: right;
	padding: 6px 20px;
	text-transform: uppercase;
	color: #ffffff;
	background: rgb(173,8,115);
	border-radius: 5px;
	border: 1px solid rgb(173,8,115);
	font-weight: bold;	
	width: 30%; /* 300px */
	min-width: 120px;
	height: 62px;
}
#block-suchformular #edit-submit.button,
#search-form #edit-submit.button{
	margin: 0;
}
#block-suchformular #edit-popup,
#custom-search-block-form #edit-popup,
#search-form #edit-popup,
#edit-types--wrapper,
#edit-help-link{
	visibility: hidden;
	display: none;
}
#block-suchformular input[type="search"]{ height: 40px; }

/* Suchergebnis-Seite */
body.path-search .item-list{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
}
body.path-search h2{
	width: 100%;
	max-width: 1226px;
	margin: 15px auto;
}
body.path-search h3{
	font-size: 18px;
	margin: 25px 0 10px 0;
}
body.path-search .item-list li{
	padding-bottom: 5px;
	border-bottom: 1px solid #737373;
}
body.path-search .search-snippet-info p{
	margin-top: 0;
}
body.path-search .search-info,
#edit-advanced{
	visibility: hidden;
	display: none;
}
body.path-search .pager{
	margin-bottom: 50px;
}

/*   SUCHBLÖCKE Themenseiten   */
.suchmaske{
	width: calc(100% - 200px);
	max-width: 1026px;
	height: 60px;
	background-color: #DAE7EF;
	padding: 0px 100px;
	margin: 0 auto;
	display: table;
	border-collapse: separate;
	border-spacing: 10px;
}
#Gepaeckbestimmungen .suchmaske{
	margin-bottom: 25px;
}
.suchmaske .form-item{
	background-color: #ffffff;
	margin: 0;
	padding: 5px;
}
.suchmaske .submitfield{
	width: 25%;
	float: right;
	padding-top: 10px;
}
.suchmaske .submitfield.tsa,
.suchmaske .submitfield.flug_verwalten,
.suchmaske .submitfield.sitzplatz{
	width: 27%;
}
.suchmaske .table{
	width: 75%;
	float: left;
}
.suchmaske .table.tsa,
.suchmaske .table.sitzplatz,
.suchmaske .table.self_service{
	width: 73%;
}
.suchmaske .button_red{
	height: 61px;
	margin: 0;
}
.form-item-kategorie{
	height: 50px;
	width: 30%;
	display: table-cell;
}
.form-item-search{
	height: 50px;
	width: 45%;
	display: table-cell;
}
.form-item-search.error,
.form-item-search.error input{
	background-color: #FDD9D9;
}
.form-item-filekey{
	height: 50px;
	width: 15%;
	display: table-cell;
}
.form-item-nachname{
	height: 50px;
	width: 32%;
	display: table-cell;
}
.block-flug-verwalten .suchmaske .form-item-kategorie	{ width: 30%; }
.block-flug-verwalten .suchmaske .form-item-search		{ width: 30%; }
.block-flug-verwalten .suchmaske .table.self_service	{ width: 60%; }
.block-flug-verwalten .suchmaske .submitfield			{ width: 39%; }


/* VIEWS + BLÖCKE */
/* Rasteransicht von Views */
.views-view-grid.cols-3 .col-1{
	width: calc(33.3% - 5px);
	margin: 0 5px 10px 0;
}
.views-view-grid.cols-3 .col-2{
	width: calc(33.4% - 10px);
	margin: 0 5px 10px 5px;
}
.views-view-grid.cols-3 .col-3{
	width: calc(33.3% - 5px);
	margin: 0 0 10px 5px;
}

/* Wichtige Meldungen auf der Startseite */
.wichtige_meldung{
	border: 2px solid #C5E9FF;
	padding: 10px;
}

/* Startseite-Karussell */
.region.region-titlestage img.image-style-startseite-slideshow{
	width: 100%;
	height: auto;
}
#views_slideshow_cycle_teaser_section_startseiten_karussell-block_1{
	margin: 0 auto;
}
.views_slideshow_cycle_slide{
	max-height: 476px;
}
.container-titleblock{
	position: relative;
	max-width: 1226px;
	margin: 0 auto;
}
.slideshow-titleblock,
.slideshow-titleblock.links,
.slideshow-titleblock.mittig,
.slideshow-titleblock.rechts{
	position: absolute;
	z-index: 5;
	bottom: 95px;
	width: 50%;
	left: 30%;
	text-align: center;
}
.slideshow-titleblock.links{
	left: 0%;
}
.slideshow-titleblock.rechts{
	left: 50%;
}
.slideshow-text{
	background: rgba(197,233,255,0.8);
	padding: 10px 20px 20px 20px;
}
.slideshow-title{
	font-size: 30px;
	
}
.slideshow-body p{
	font-size: 17px;
	margin: 5px;
}
.slideshow-button{
	position: relative;
	bottom: 10px;
}
.slideshow-button a{
	padding: 6px 20px;
	text-transform: uppercase;
	color: #ffffff;
	background: rgb(173,8,115);
	border-radius: 5px;
	border: 1px solid rgb(173,8,115);
	font-weight: bold;
}
.views-slideshow-controls-bottom{
	position: absolute;
	z-index: 500;
	width: 50%;
	bottom: 0px;
	left: 25%;
	text-align: center;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li{
	padding: 0 6px;
	line-height: 12px;
	margin: 0.2em;
	background: #002F5F;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover	{ background: #C5E9FF; }
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active	{ background: #ad0873; }
.views-field-field-titelbild	{ line-height: 0; }

/* Akkordeon */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-tr, .ui-corner-tl{
	border-radius: 0px;
}
.ui-accordion .ui-accordion-header{
	margin: 0;
	padding: .6em .5em .6em .7em;
}
.ui-accordion .ui-accordion-content{
	border: 1px solid #cdcdcd;
	border-top: 0;
	padding: .6em .5em .6em .7em;
}
.ui-accordion .ui-accordion-content p{
	margin: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	border-color: #cdcdcd;
	background: #ffffff;
	color: #002F5F;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	border-color: #cdcdcd;
}
.ui-state-focus span.ui-accordion-header-icon,
.ui-state-hover span.ui-accordion-header-icon,
.ui-accordion-header-collapsed .ui-icon{
	position: absolute;
	right: 10px;
	top: 13px;
	background-image: url("../images/pfeil_runter.png");
	width: 24px;
	height: 24px;
	z-index: 700;
}
.ui-accordion-header-active span.ui-accordion-header-icon{
	width: 24px;
	height: 24px;
	background-image: url("../images/pfeil_hoch.png");
	top: 17px;
}
.ui-widget{
	font-family: 'Open Sans', sans-serif;
}
.ui-widget-content{
	color: #002F5F;
}

/* Breadcrumbs */
.breadcrumb{ 
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	padding-bottom: 0.5em; 
}
.breadcrumb ol 	{ padding: 0 0px; }
.breadcrumb li	{ display: inline; margin: 0; padding: 0; list-style-type: none; }
.breadcrumb li::after	{
	content: "\00A0" url('../images/breadcrumb_pfeil.png') "\00A0";
}
.breadcrumb li::before{
	content:"";
}
.breadcrumb a{
	text-transform: uppercase;
	color: #002F5F;
}

/* Favoriten */
#block-spx-favoritenbutton{
	width: 220px;
	height: 32px;
	right: 0;
	position: absolute;
	z-index: 251;
	top: 128px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-top-color: #737373;
	border-radius: 0 0 0 10px;
}
#block-spx-favoritenbutton.favbtn_active{
	border-radius: 0 0 0 0;
}
#block-spx-favoritenbutton a{
	overflow: hidden;
	height: 32px;
}
#block-spx-favoritenbutton p.title{
	margin: 0;
}
#block-spx-favoritenbutton p.title a{
	color: #002F5F;
	height: 27px;
	margin: 0;
	float: left;
	padding: 5px 0 0 10px;
}
#block-spx-favoritenbutton img.sterngrafik{
	padding: 5px 0 0 65px;
	float: left;
}
#block-spx-favoritenbutton img.optiongrafik{
	padding: 5px 0 0 15px;
	float: left;
}
#block-spx-views-block-favoritenblock{
	width: 220px;
	right: 0;
	position: absolute;
	z-index: 250;
	top: 162px;
	border-top: 1px solid #002F5F;
	visibility: hidden;
	display: none;
}
#block-spx-views-block-favoritenblock.bookmarks-visible{
	visibility: visible;
	display: block;
}
.view-flag-bookmark{
	background-color: #FFFFFF;
	width: 220px;
	border: 1px solid #FFFFFF;
	border-radius: 0 0 0 10px;
	padding: 0 0 10px 0;
	float: right;
}
#block-spx-views-block-favoritenblock .views-row{
	line-height: 30px;
	border-bottom: 1px solid #002F5F;
}
#block-spx-views-block-favoritenblock .views-field-title{
	padding: 0 25px 0 5px;
	background: url("../images/arrow-right-circled.svg") no-repeat 195px 6px;
}
.view-flag-bookmark a{
	color: #002F5F;
	display: inline-block;
	width: 185px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 25px;
}
.view-flag-bookmark a:hover{
	color: #ad0873;
}
.flag-favoriten{
	position: absolute;
	z-index: 100;
	top: 15px;
	right: 15px;
}
.flag-favoriten.action-flag .fav_bild{
	background: url('../images/addFavorit.png') no-repeat left center;
	width: 50px;
	height: 50px;
}
.flag-favoriten.action-unflag .fav_bild{
	background: url('../images/subFavorit.png') no-repeat left center;
	width: 50px;
	height: 50px;
}

/* Favoriten verwalten */ 
.paragraph--type--paragraph-systemblock .view-flag-bookmark{
	position: relative;
	float: none;
	width: calc(100% - 40px);
	max-width: 1186px;
	background-color: #FFFFFF;
	border: 1px solid #002F5F;
	border-radius: 10px;
	padding: 20px;
	margin: 20px auto;	
}
.paragraph--type--paragraph-systemblock .view-flag-bookmark a{
	color: #002F5F;
}
.paragraph .block-views-blockflag-bookmark-block-1 h2{
	font-size: 21px;
	margin: 40px 0 20px;
}
.paragraph .block-views-blockflag-bookmark-block-1 #edit-actions{
	margin-bottom: 0;
}
.paragraph .block-views-blockflag-bookmark-block-1 .js-form-item{
	margin-top: 0;
}
#views-form-flag-bookmark-block-1 #edit-actions--2{
	visibility: hidden;
	display: none;
}
#views-form-flag-bookmark-block-1 #edit-submit.button{
	background-color: #002F5F;
	width: 50%;
	text-transform: none;
	padding: 8px;
}
#views-form-flag-bookmark-block-1 label{
	color: #002F5F;
}
#views-form-flag-bookmark-block-1 select{
	width: 20%;
}

/* Startseite: Die häufigsten Anliegen */
#block-views-block-haeufigste-anliegen{
	clear: both;
	width: 100%;
	padding-top: 30px;
}
.view-startseite-haeufigste-anliegen .views-col a{
	display: block;
	background-color: #FFFFFF;
	text-align: center;
	height: 30px;
	padding: 32px 10px 28px 10px;
	font-size: 18px;
	border-bottom: 2px solid #DAE7EF;
}
.view-startseite-haeufigste-anliegen .views-col a::after{
	content: url('../images/symbol_liste.png');
	padding: 0 0 0 10px;
	vertical-align: -10%;
}

/* Newsletterblock */
#block-spx-newsletterblock{
	background: url('../images/bg_newsletterblock.png') repeat-x;
}
#Newsletterblock{
	max-width: 1226px;
	height: 166px;
	margin-left: auto;
	margin-right: auto;
}
#Newsletterblock h2{
	margin: 0;
}
#Newsletterblock .row{
	display: table-row;
}
#Newsletterblock .col1{
	width: 25%;
}
#Newsletterblock .col2{
	width: 25%;
	text-align: center;
}
#Newsletterblock .col3{
	width: 50%;
}
#Newsletterblock form{
	display: table;
	width: 100%;
}
#Newsletterblock .col3 div.inputfield{
	width: 50%;
}
#Newsletterblock .col3 div.submitfield,
#Newsletterblock .col3 div.datasecurity{
	width: calc(50% - 10px);
	padding-left: 10px;
}
#Newsletterblock .col3 div.datasecurity,
#Newsletterblock .col3 div.datasecurity a,
#Newsletterblock .col3 div.datasecurity label{
	font-size: 13px;
	color: #002F5F;
}
#Newsletterblock .col3 div.datasecurity a{
	text-decoration: underline;
}
.nl_meldung{
	margin: 30px auto;
	width: 100%;
	max-width: 826px;
}
.newsletterblock_right{ text-align: right; }

/* AKTUELLER NEWSLETTER */
.block-views-blocknewsletter-block-1{
	padding: 20px 20px 10px 20px;
	position: relative;
	overflow: hidden;
}
.block-views-blocknewsletter-block-1 .views-field-title{
	margin: 0 0 10px 0;
}
.block-views-blocknewsletter-block-1 .views-field-body{
	height: 330px;
	overflow: hidden;
}
.block-views-blocknewsletter-block-1 .views-field-title a{
	font-size: 26px;
}
.block-views-blocknewsletter-block-1 .button_left{
	float: left;
	width: 50%;
}
.block-views-blocknewsletter-block-1 .button_right{
	float: right;
	width: 50%;
	text-align: right;
}

/* ALLE NEWSLETTER */
.block-views-blocknewsletter-block-2{
	padding: 0 200px;
}
.block-views-blocknewsletter-block-2 .views-row{
	padding: 10px 0;
	border-bottom: 1px solid #DCDCDC;
}

/* NEWSBLOCK */
#Newsblock{	
	overflow: hidden;
	padding: 20px 20px 10px 20px;
	position: relative;
	width: calc(100% - 40px);
	max-width: 568px; /* 608 - 40px padding*/
}
#Newsblock h2{
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
#Newsblock .teaser_action{
	clear: both;
	margin-top: 28px;
	line-height: 32px;
}
.newsliste{
	margin: 30px 0;
	overflow: hidden;
}
.block-newsblock .newsliste{
	margin: 0 0 30px 0;
}
.newseintrag{
	float: left;
	width: 90%;
	height: 42px;
	border-bottom: 1px solid #737373;
	padding: 8px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pfeilicon{
	float: left;
	width: 10%;
	height: 42px;
	border-bottom: 1px solid #737373;
	padding: 15px 0 1px 0;
	text-align: right;
}
.last{
	border-bottom: 0;
}
.pfeilicon img{
	padding-top: 2px;
}
.newsmeldung{
	position: absolute;
	top: 0;
	left: 0;
	height: 390px;
	width: calc(100% - 40px);
	padding: 20px;
	z-index: 200;
	background-color: #C5E9FF;
	overflow: auto;
}
.news_left{
	width: 75%;
	float: left;
}
.news_right{
	width: 25%;
	float: right;
	text-align: right;
}
.newsdatum{
	clear: both;
	padding-top: 8px;
	border-top: 1px solid #737373;
	font-size: 15px;
	font-weight: bold;
}
.newsthema{
	font-size: 15px;
}
.newstext{
	clear: both;
	margin-top: 15px;
	height: 190px;
	overflow-y: auto;
}
.newstext p{
	margin: 0 0 10px 0;
}
.dateianhang{
	border-top: 1px solid #002F5F;
	padding: 5px 0;
	margin-top: 20px;
}
.teaser_action a.backarrow,
.teaser_action a.backarrow_inactive,
.teaser_action a.nextarrow,
.teaser_action a.nextarrow_inactive{
	width: 16px;
	height: 16px;
	padding: 0;
	background-color: transparent;
}
.teaser_action .action_left{
	vertical-align: middle;
}

/* NEWSARCHIV */
#Newsarchiv{
	width: 100%;
	max-width: 826px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#Newsarchiv .newsmeldung{
	position: relative;
	padding: 10px;
	background-color: #FFFFFF;
	height: 100%;
	border: 1px solid #737373;
	border-top: 0;
	width: calc(100% - 22px);
}
#Newsarchiv .newsdatum{
	border-top: 0;
}
#Newsarchiv .newstext{
	margin: 0;
	height: 100%;
}
#Newsarchiv a .pfeilicon{
	background: url("../images/pfeil_runter.png") no-repeat right;
}
#Newsarchiv a.meldung_active .pfeilicon{
	background: url("../images/pfeil_hoch.png") no-repeat right;
}

/* RECHNUNGSARCHIV + E-Ticketarchiv*/
.block-rechnungsarchiv{
	max-width: 1226px;
	margin: 0 auto;
}
.block-letzten5-rechnungen,
.block-letzten5-etickets{
	padding: 15px;
}
.block-letzten5-rechnungen h3,
.block-letzten5-etickets h3{
	margin-top: 0;
}
.block-letzten5-rechnungen .tcell,
.block-letzten5-etickets .tcell{
	height: 50px;
	vertical-align: middle;
	border-bottom: 1px solid #737373;
}
.block-letzten5-rechnungen .teaser_action,
.block-letzten5-etickets .teaser_action{
	margin-top: 40px;
}

/* KONTAKTADRESSEN */
.block-kontaktadressen{
	max-width: 1226px;
	margin: 0 auto;
}
.block-kontaktadressen .spacer{
	min-width: 10px;
	width: 0.8%;
}
.block-kontaktadressen .kontakt_service{
	border: 1px solid #002F5F;
}
.block-kontaktadressen .kontakt_vertrieb{
	background-color: #FFFFFF;
}
.block-kontaktadressen .kontakt_service,
.block-kontaktadressen .kontakt_vertrieb{
	padding: 15px;
	width: 49.6%;
	vertical-align: top;
}
.kontakt_service .tcell{
	vertical-align: top;
	padding: 13px 0;
	border-bottom: 2px solid #DCDCDC;
}
.kontakt_service .trow.first .tcell{
	padding: 0 0 13px 0;
} 
.kontakt_service .trow.last .tcell{
	border-bottom: 0;
} 
.kontakt_service .cell_left			{ width: 50%; padding: 13px 10px 13px 0; border-right: 2px solid #DCDCDC; }
.kontakt_service .cell_right		{ width: 50%; padding: 13px 0 13px 10px; }
.kontakt_service .trow.first .tcell.cell_right	{ padding: 0 0 13px 10px; }
.block-kontaktadressen .kontakt_vertrieb .tcell{
	padding-bottom: 10px;
}
.block-kontaktadressen h2{
	margin: 0 0 20px 0;
}
.vklbild{
	text-align: center;
}

/* DOWNLOADS */
.item-list-downloads ul{
	list-style-image: none;
	list-style-type: none;
	padding-left: 20px;
}
.block-views-blockdownload-block-block-2 .item-list-downloads ul{
	width: 100%;
	max-width: 826px;
	padding: 0;
	margin: 50px auto;
}
.block-views-blockdownload-block-block-2 .item-list-downloads ul li{
	line-height: 30px;
}
span.file{
	line-height: 24px;
	display: inline-block;
}

/* GEPÄCKBESTIMMUNGEN */
.block-gepaeck{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
	overflow:hidden;
}
#TOP-Airlines,
#Suchergebnis{
	overflow:hidden;
	border: 1px solid #002F5F;
	padding: 20px;
}
#TOP-Airlines legend,
#Suchergebnis legend{
	text-align: center;
	font-size: 26px;
	padding: 0 25px;
}
#Suchergebnis{
	margin-bottom: 25px;
}
.airline_logo{
	width: calc(20% - 30px);
	text-align: center;
	float: left;
	border-bottom: 1px solid #002F5F;
	padding: 15px;
	height: 155px;
}
.airline_logo.suchergebnis{
	border-bottom: 0;
}
.airline_logo img{
	width: 90%;
	height: auto;
}

/* FAM TRIPS */
.block-views-blockfam-trips-block-1{
	padding: 20px 30px 10px 20px;
	overflow: hidden;
}
.block-views-blockfam-trips-block-1 h2{
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.block-views-blockfam-trips-block-1 .view-content{
	overflow: hidden;
}
.view-fam-trips .newseintrag,
.view-fam-trips .pfeilicon{ 
	border-bottom: 0;
}
.view-fam-trips .field-content{ 
	display: block; 
	overflow: hidden;
	border-bottom: 1px solid #000000;
}
.block-views-blockfam-trips-block-1 .teaser_action{
	margin-top: 70px;
}
.block-views-blockfam-trips-block-2 img{
	width: 100%;
	min-height: 354px;
	max-height: 354px;
}
.block-views-blockfam-trips-block-2{
	max-height: 354px;
}
.block-views-blockfam-trips-block-2 .views-slideshow-controls-bottom {
    bottom: 10px;
	margin: 0px;
}
.block-views-blockfam-trips-block-3{
	overflow: hidden;
	width: 100%;
	max-width: 826px;
	margin: 0 auto;
}
.block-views-blockfam-trips-block-3 a{
	text-decoration: none;
}

/* TUI BAND FOOTER */
.tui_band{
	background-color: #C5E9FF;
	overflow: hidden;
	padding: 11px 0;
}
.tui_band .brand		{ width: calc(15% - 20px); float: left; text-align: right; font-size: 25px; padding: 8px 0 0 20px; }
.tui_band .brand_detail	{ width: calc(60% - 40px); float: left; text-align: center; padding: 14px 20px 0 20px; }
.tui_brand .brand_logo	{ width: calc(25% - 20px); float: left; padding: 0 20px 0 0; }

/* IBE: AIR CRUISER */
#ibe_block{
	margin: 20px 0 30px 0;
}
#ibe_frame{
	border: 0;
	width: 100%;
	min-height: 800px;
}
#ibe_button{
	visibility: hidden;
	display: none;
	text-align: center;
	margin: 30px 50px;
}

/* AGENTURSTATISTIK */
.agenturstatistik{
	display: table;
	width: 100%;
	border-spacing: 0px 5px;
}
.stat_monat,
.stat_wert{
	display: table-cell;
	width: 15%;
	vertical-align: middle;
}
.stat_wert{
	text-align: right;
}
.stat_negativ,
.stat_positiv{
	display: table-cell;
	width: 35%;
	background-color: #EFEFEF;
	vertical-align: middle;
}
.stat_abschluss{
	display: table-cell;
	width: 35%;
	vertical-align: middle;
	text-align: right;
}
.stat_abschluss span{
	font-weight: bold;
}
.stat_negativ{
	text-align: right;
}
.stat_negativ div{ float: right; height: 30px; }
.stat_positiv div{ height: 30px; }
.stat_filter{
	overflow: hidden;
	margin: 20px 0;
	border: 1px solid #DCDCDC;
	padding: 10px;
}
.stat_filter h3{
	margin: 0 0 10px 0;
}
.stat_filter a{
	text-decoration: underline;
	padding-right: 20px;
}
.stat_kalenderjahr{
	width: 100%;
	margin-bottom: 30px;
}
.stat_gesamtzeile{
	width: 90%;
	text-align: right;
}

/* UNSERE AIRLINEPARTNER */
.view-unsere-airlinepartner .view-content div{ 
	width: 25%; 
	float: left; 
	text-align: center;  
}
.view-unsere-airlinepartner .view-content div.views-field-field-url div	{ width: 100%; }
.view-unsere-airlinepartner .view-content div.views-field-field-url{ 
	width: calc(100% - 20px); 
	padding: 5px 10px 20px 10px; 
	border-bottom: 1px solid #000000; 
	height: 170px;
}
.view-unsere-airlinepartner .view-content div.views-field-field-url img	{ width: 100%; height: auto; }

/* FAQ */
#block-views-block-faq-allefaq{
	margin: 0 auto 25px auto;
	width: 100%;
	max-width: 826px;
}

/* Warnmeldungen */
.hinweis_layer{
	position:fixed; 
	height:100%; 
	left:0; 
	top: 0;
	width:100%; 
	background-color: rgba(0,0,0,0.7);
	z-index: 600;
}
.hinweis_layer h1{
	margin: 0;
}
.hinweis_text{
	position: relative;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 100px;
	background-color:#FFFFFF;
	border: 2px solid rgb(212,14,20);
	padding: 15px;
}
.hinweis_text a{
	text-decoration: underline;
}
.hinweis_text #speichern_ds{
	max-width: 33%;
	padding: 10px 20px;
	background: #092A5E;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
}

/* Startseite Benutzerübersicht */
#benutzeruebersicht						{ background-color: #DCDCDC; display: table;	width: 100%; }
#benutzeruebersciht .trow				{ width: 100%; }
#benutzeruebersicht .titel,
#benutzeruebersicht .agenturlink		{ width: 15%; padding: 10px; text-align: center; vertical-align: middle; font-size: 18px; }
#benutzeruebersicht .titel				{ background-color: #C5E9FF; }
#benutzeruebersicht .agenturlink		{ background-color: #ECECEC; }
#benutzeruebersicht .agenturlink a		{ text-decoration: none; display: block; }
#benutzeruebersicht .agenturlink a img	{ width: 18px; height: 18px; margin-bottom: -3px; }
#benutzeruebersicht .details			{ width: 70%; }
#benutzeruebersicht table				{ width: 100%; margin: 5px; }
#benutzeruebersicht td					{ width: 20%; padding: 5 15px; text-align: center; font-size: 13px; font-weight: bold; }
#benutzeruebersicht td a				{ display: block; text-decoration: none; }
#benutzeruebersicht td img				{ width: 18px; height: 18px; }

/*  ENDE VIEWS+BLÖCKE  */
/***********************/

/***********************/
/*       TEASER        */

/* Teaser: 50% Breite */
.teaser_half{
	position: relative;
	width: auto;
	height: auto;
	float: left;
	max-height: 430px;
}
.teaser_half img{
	width: 100%;
	min-height: 430px;
	max-height: 430px;
}
div.teaser_half div {
	display: block;
}
.teaser_half .teaser_textbox{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 40px);
	padding: 10px;
	margin: 10px;
	z-index: 100;
	background: rgba(255,255,255,0.8);
}
.teaser_half .teaser_textbox h2{
	margin-top: 0;
	margin-bottom: 10px;
}
.teaser_half .teaser_textbox p{
	margin: 0;
}
.teaser_half .teaser_action{
	text-align: right;
}
.teaser_half .teaser_action a{
	border-radius: 3px;
	background-color: #c5e9ff;
	color: #002F5F;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 30px;
}

/* Teaser: 100% Breite */
#block-views-block-teaser-block-3{
	clear:both;
	position:relative;
}
.teaser_full{
	clear: both;
	width: 100%;
	height: auto;
}
.teaser_full img{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.teaser_container{
	padding: 0;
	margin-bottom: -3px;
}
.teaser_full .teaser_textbox{
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
	width: calc(100% - 20px);
	z-index: 100;
}
.teaser_full .teaser_textbox h2{
	color: #ffffff;
	margin-bottom: 5px;
}
.teaser_full .teaser_textbox p{
	margin: 0;
	color: #ffffff;
	padding-left: 3px;
}
.teaser_full .teaser_action{
	display: block;
	position: absolute;
	bottom: 20px;
	right: 10px;
	z-index: 100;
}
.teaser_full .teaser_action a{
	border-radius: 3px;
	background-color: #c5e9ff;
	color: #002F5F;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 30px;
}

/* Teaser: Weekly Specials + 1/3 Teaser */ 
.ws_logo,
.ws_details,
.third_teaser{ 
	width:33.3%; 
	padding: 10px;
}
.ws_logo{
	padding: 40px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #DAE7EF;
}
.ws_logo img{
	width: 100%;
	height: auto;
}
.ws_details{
	vertical-align: top;
	padding: 20px;
	background-color: #DAE7EF;
}
.ws_details .table{
	table-layout: fixed;
}
.ws_details h2{
	margin: 0 0 50px 0;
}
.ws_details .teaser_action{
	height: 32px;
	margin-top: 30px;
}
.ws_details .teaser_action a{
	border: 2px solid #002F5F;
	background-color: #DAE7EF;
	font-size: 14px;
}
.ws_destination,
.ws_zusatz,
.ws_preis{
	display: table-cell;
	padding: 5px;
	width: 33.3%
}
.ws_destination{
	padding-left: 0;
	width: 40.7%;
}
.ws_preis{
	padding-right: 0;
	width: 26%;
}
.ws_destination p,
.ws_zusatz p{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.ws_preis p{
	margin: 0;
}
.ws_preis{
	text-align: right;
	font-weight: bold;
}
.third_teaser{
	border-left: 10px solid #FFFFFF;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

/* Teaser: Header */
#block-spx-views-block-teaser-header{
	background-color: #FFFFFF;
	padding: 5px 0;
}
.teaser_header{
	margin: 10px auto;
	text-align: center;
}

/* Teaser: Footer */
.teaser_footer{
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
}

/* Teaser: Skyscraper */
main #block-spx-views-block-skyscraper,
main.mit_titelbild #block-spx-views-block-skyscraper{
	visibility: visible;
	display: block;
	position: absolute;
	top: 486px;
	left: calc(50% + 623px);
}
main.ohne_titelbild #block-spx-views-block-skyscraper{
	top: 270px;
}
.node-16 #block-spx-views-block-skyscraper{
	top: 10px;
}

/*       ENDE TEASER        */
/****************************/

/****************************/
/*         CONTENT          */
.titelbild{
	position: relative;
	min-height: 260px;
	background-color: #c5e9ff;
}
.titelbild img{
	width: 100%;
	height: auto;
	margin-bottom:-3px;
}
.titel_container{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 200;
}
.seitentitel{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
	background: rgba(197,233,255,0.75);
	text-align: center;
	padding: 10px 0 30px 0;
	position: relative;
}
.seitentitel.ohnebild{
	background: transparent;
	padding: 0;
}
.seitentitel span{
	font-size: 34px;
	hyphens: auto;
}
.einleitungstext{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
	background: rgba(197,233,255,1);
	text-align: center;
	min-height: 60px;
}
.einleitungstext.ohnebild{
	background: transparent;
	min-height: 100px;
}
.einleitungstext .field--name-field-einleitungstext{
	padding: 30px 200px 10px 200px;
}
.einleitungstext.ohnebild .field--name-field-einleitungstext{
	padding-top: 45px;
}
.titel_mitte{
	position: absolute;
	bottom: -13px;
	width: 100%;
	max-width: 1226px;
	text-align: center;
	height: 26px;
}
.titel_mitte.ohnebild{
	top: 95px;
	bottom: 0;
}
.bildcontainer{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 400px);
	max-width: 826px;
	display: table;
}
.bildcontainer img{
	width: 23px;
	height: 25px;
}
.bildcontainer .tcell a{
	width: 70%;
	display: block;
	margin: 0 auto;
}
.linie{
	width: 46%;
	display: table-cell;
}
.linie_button{
	width: 25%;
	display: table-cell;
}
.linie hr,
.linie_button hr{
	margin-top: 12px;
	border: 0;
    height: 0;
    border-top: 1px solid #002F5F;
	border-bottom: 0;
}
.node__content{
	overflow: hidden;
	margin-bottom: 40px;
}
.node--unpublished{
	background-color: #ffffff;
}

/* Stellenanzeigen */
.block-stellenanzeigen{
	width: 100%;
	max-width: 1226px;
	margin: 20px auto;
	overflow: hidden;
}
.jobrow{
	overflow: hidden;
	clear: both;
	padding: 10px 0;
	border-bottom: 1px solid #DCDCDC;
}
.paragraph .jobbeschreibung{
	margin-top: 20px;
}
.paragraph .jobbeschreibung p,
.paragraph .jobbeschreibung ul{
	margin: 0;
}
#stelle_headline h1{
	margin-top: 0;
}
.job_datum,
.job_standort{
	float: left;
	width: 15%;
}
.job_standort{ text-align: right; }
.job_position{
	float: left;
	width: 70%;
}
.job_button{
	background-color: transparent;
	text-align: left;
	padding: 0;
}
.jobdetail{
	overflow: hidden;
}
.job_links{
	float: left;
	width: 48%;
}
.job_rechts{
	float: right;
	width: 48%;
}
.jobabschluss{
	background: #c2e6fa;
	padding: 30px;
	overflow: hidden;
}
.jobabschluss .job_rechts{
	text-align: right;
}
.bewerbungsbutton{
	background-color: #002F5F;
	border-radius: 20px;
	padding: 10px 20px;
	display: inline-block;
	color: white;
	text-align: center;
	margin-bottom: 15px;
}
.paragraph a.bewerbungsbutton{
	text-decoration: none;
}
.bewerbungsbutton:hover{
	background-color: #EEEEEE;
	color: #002F5F;
}

/*         ENDE CONTENT          */
/*********************************/

/*********************************/
/*          PARAGRAPHS           */

/* ALLGEMEIN */
.abstand_unten{
	margin-top: 0;
	margin-bottom: 10px;
}
.abstand_oben{
	margin-top: 10px;
	margin-bottom: 0;
}
.abstand_oben_unten{
	margin-top: 10px;
	margin-bottom: 10px;
}
.kein_abstand{
	margin-top: 0;
	margin-bottom: 0;
}

.field--name-field-spalte1-titel,
.field--name-field-spalte2-titel{
	font-size: 21px;
}
.field--name-field-spalte1-link,
.field--name-field-spalte2-button,
.field--name-field-spalte3-button,
.field--name-field-spalte4-button{
	margin: 10px 0;
	line-height: 60px;
}
.field--name-field-text p{
	margin: 0 0 20px 0;
}
.mit_Rahmen{
	border: 1px solid #092A5E;
}
.ohne_Rahmen{
	border: 0;
}

/* BUTTON */
.paragraph--type--paragraph-schaltflaeche{
	max-width: 826px;
	margin: 0 auto;
}

/* BILD+TITEL+TEXT+BUTTON [zweispaltig] */
.paragraph--type--paragraph-bild-titel-text-button{
	width: 100%;
	max-width: 826px;
	margin: 10px auto 0 auto;
	overflow-x: auto; 
}
.paragraph--type--paragraph-bild-titel-text-button .cell_left,
.paragraph--type--paragraph-bild-titel-text-button .cell_right{
	width: 50%;
	vertical-align: top;
}
.paragraph--type--paragraph-bild-titel-text-button .cell_left{
	padding-right: 10px;
}
.paragraph--type--paragraph-bild-titel-text-button .cell_right{
	padding-left: 10px;
}
.paragraph--type--paragraph-bild-titel-text-button .cell_left img,
.paragraph--type--paragraph-bild-titel-text-button .cell_right img{
	width: 100%;
	height: auto;
}

/* LOGOS [dreispaltig] */
.paragraph--type--paragraph-logos-dreispaltig{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
}
.paragraph--type--paragraph-logos-dreispaltig .cell_left,
.paragraph--type--paragraph-logos-dreispaltig .cell_middle,
.paragraph--type--paragraph-logos-dreispaltig .cell_right{
	width: 33%;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #818181;
}
.paragraph--type--paragraph-logos-dreispaltig .cell_left img,
.paragraph--type--paragraph-logos-dreispaltig .cell_middle img,
.paragraph--type--paragraph-logos-dreispaltig .cell_right img{
	width: 75%;
	height: auto;
}

/* TEXT + BILD LINKS/RECHTS */
.paragraph--type--paragraph-text-bild-links .table,
.paragraph--type--paragraph-text-bild-rechts .table{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
}
.paragraph--type--paragraph-text-bild-links .cell_left,
.paragraph--type--paragraph-text-bild-links .cell_right,
.paragraph--type--paragraph-text-bild-rechts .cell_left,
.paragraph--type--paragraph-text-bild-rechts .cell_right{
	width: 50%;
	vertical-align: middle;
}
.paragraph--type--paragraph-text-bild-links .cell_left,
.paragraph--type--paragraph-text-bild-rechts .cell_left{
	padding: 20px 10px 20px 0;
}
.paragraph--type--paragraph-text-bild-links .cell_left img,
.paragraph--type--paragraph-text-bild-rechts .cell_right img{
	width: 100%;
	height: auto;
}
.paragraph--type--paragraph-text-bild-links .cell_right,
.paragraph--type--paragraph-text-bild-rechts .cell_right{
	padding: 20px 0 20px 10px;
}

/* TITEL */
.paragraph--type--paragraph-titel{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
}

/* TITEL + BILD + TEXT */
.paragraph--type--titel-bild-text,
.paragraph--type--text{
	width: 100%;
	max-width: 826px;
	margin: 10px auto 0 auto;
}
.paragraph--type--titel-bild-text fieldset.ohne_Rahmen{
	border: 0;
	padding: 10px 0;
}
.paragraph--type--titel-bild-text fieldset.mit_Rahmen{
	border: 1px solid #002F5F;
}
.paragraph--type--titel-bild-text fieldset.mit_Rahmen legend{
	font-size: 21px;
	padding: 0 20px;
}
.paragraph--type--titel-bild-text fieldset.ohne_Rahmen legend{
	font-size: 21px;
	padding: 0;
}
.paragraph--type--titel-bild-text fieldset img{
	width: 100%;
	height: auto;
}

/* VERGLEICHSBLOCK */
.paragraph--type--paragraphs-vergleichsblock{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
	overflow-x: auto;
}
.paragraph--type--paragraphs-vergleichsblock .cell_left,
.paragraph--type--paragraphs-vergleichsblock .cell_middleleft,
.paragraph--type--paragraphs-vergleichsblock .cell_middleright,
.paragraph--type--paragraphs-vergleichsblock .cell_right{
	width: 25%;
	vertical-align: top;
	min-width: 175px; 
}
.paragraph--type--paragraphs-vergleichsblock p{
	margin: 0;
	padding: 0 10px;
}
.paragraph--type--paragraphs-vergleichsblock .cell_left img,
.paragraph--type--paragraphs-vergleichsblock .cell_middleleft img,
.paragraph--type--paragraphs-vergleichsblock .cell_middleright img,
.paragraph--type--paragraphs-vergleichsblock .cell_right img{
	width: calc(100% - 20px);
	height: auto;
	padding: 0 10px;
}
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte1-titel,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte2-titel,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte3-titel,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte4-titel{
	padding: 0 10px;
	margin: 20px 0;
}
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte1-link,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte2-button,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte3-button,
.paragraph--type--paragraphs-vergleichsblock .field--name-field-spalte4-button{
	padding: 0 10px;
	margin: 25px 0;
}

/* IFRAME-Einbettung */
.paragraph--type--videoeinbettung{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto 20px auto;
}
.paragraph--type--videoeinbettung .iframe{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden; 
}
.node-31 .paragraph--type--videoeinbettung .iframe{
	margin-top: 20px;
}
.paragraph--type--videoeinbettung .iframe iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
}
.paragraph--type--videoeinbettung .video_titel{
	font-size: 12px;
}

/* KLAPPBOX */
.paragraph--type--paragraph-klappbox{
	position: relative;
	width: 100%;
	max-width: 1226px;
	margin: 0 auto;
	min-height: 35px;
	background-color: #DCDCDC;
}
.klappbox_container{
	position: relative;
	width: 100%;
}
.klappbox{	
	width: calc(100% - 400px);
	padding: 10px 200px;
	background-color: #DCDCDC;
}
.klappbox h2{
	text-transform: none;
	margin: 10px 0;
}
.keyfacts{
	width: 100%;
}
.keyfacts fieldset{
	border: 1px solid #002F5F;
}
.keyfacts legend{
	font-size: 26px;
	padding: 0 10px 5px 10px;
}
.keyfacts ul{
	margin: 5px 0;
}
.klappbox .field--name-field-block-rechts{
	width: 100%;
	margin: 15px 0;
}
.klappbox .field--name-field-block-rechts .views-view-grid{
	margin-top: 20px;
}
.klappbox .field--name-field-block-rechts .col-1{
	width: 48%;
	padding-right: 2%;
}
.klappbox .field--name-field-block-rechts .col-2{
	width: 48%;
	padding-left: 2%;
}
.klappbox .field--name-field-systemblock{
	width: 100%;
	margin-bottom: 30px;
}
.klappbox_btn{
	position: absolute;
	bottom: -35px;
	left: calc(50% - 33px);
	z-index: 200;
}

/*   CODEBLOCK   */
.paragraph--type--paragraph-codeblock{
	width: 100%;
	max-width: 826px;
	margin: 0 auto 20px auto;
}
.codeblock {
	background-color: #002F5F;
	border-radius: 10px;
	color: #FFFFFF;
	padding: 20px;
	font-family: Arial,sans-serif;
	font-size: 16px;
	box-sizing: content-box;
	max-height: 120px;
	overflow-y: auto;
}

/*   AKKORDEON   */
.paragraph--type--paragraph-akkordeon{
	width: 100%;
	max-width: 826px;
	margin: 0 auto 20px auto;
}
.field--name-field-blocktitel{
	font-size: 21px;
	margin-bottom: 10px;
}
.paragraph--type--paragraph-akkordeon .field--name-field-inhalt{
	border: 2px solid #DCDCDC;
}
.paragraph--type--paragraph-akkordeon-content{
	margin: 0;
}
.paragraph--type--paragraph-akkordeon-content .field--name-field-blocktitel{
	font-size: 18px;
	padding: 15px 10px;
	margin: 0;
	border-bottom: 1px solid #DCDCDC;
}
.down-arrow{
	background: url('../images/pfeil_runter.png') no-repeat right 15px top 17px;
	cursor: pointer;
}
.up-arrow{
	background: url('../images/pfeil_hoch.png') no-repeat right 15px top 17px;
	cursor: pointer;
}
.down-arrow .akkordeon_content{
	visibility: hidden;
	display: none;
	border-bottom: 1px solid #DCDCDC;
}
.up-arrow .akkordeon_content{
	visibility: visible;
	display: block;
	border-bottom: 2px solid #DCDCDC;
}
.paragraph--type--paragraph-akkordeon .field--name-field-text{
	padding: 10px;
}

/*   TABMODUL   */
.paragraph--type--paragraph-tabmodul{
	width: 100%;
	max-width: 1226px;
	margin: 0 auto 20px auto;
	position: relative;
	overflow: hidden;
}
.tab_blocktitle{
	margin-top: 0;
}
.tabmodul_wrapper{
	position: relative;
	margin-top: 40px;
}
.tabs_wrapper{
	position: absolute;
	top: -21px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.tabs_container{
	position: relative;
	width: 100%;
	max-width: 826px;
	margin: 0 auto;
	overflow: hidden;
}
.tabheader{
	width: calc(20% - 32px);
	background-color: #FFFFFF;
	color: #002F5F;
	cursor: pointer;
	float: left;
	padding: 10px;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	margin-right: 10px;
}
.tabheader.active{
	background-color: #002F5F;
	color: #FFFFFF;
}
.tab_content{
	clear: both;
	visibility: hidden;
	display: none;
	padding: 31px 20px 20px 20px;
	border: 1px solid #DCDCDC;
}
.tab_content.active{
	visibility: visible;
	display: block;
}
.tabtitle{
	text-align: center;
}

/* SYSTEMBLOCK [EINSPALTIG] */
.paragraph--type--paragraph-systemblock,
.paragraph--type--inhaltsteaser_1block{
	position: relative;
	width: 100%;
	max-width: 1226px;
	margin-left: auto;
	margin-right: auto;
}
.paragraph--type--inhaltsteaser_1block .teaserblock{
	min-height: 140px;
	max-height: 192px;
	overflow: hidden;
}
.paragraph--type--inhaltsteaser_1block .textbox{
	position: absolute;
	padding: 10px;
	left: 10px;
	margin-right: 10px;
}
.paragraph--type--inhaltsteaser_1block .textbox p{
	margin: 0;
}
.paragraph--type--inhaltsteaser_1block .textbox.kein_texthintergrund p,
.paragraph--type--inhaltsteaser_1block .textbox.kein_texthintergrund h2{
	color: #FFFFFF;
}
.paragraph--type--inhaltsteaser_1block .grau .textbox.kein_texthintergrund p,
.paragraph--type--inhaltsteaser_1block .grau .textbox.kein_texthintergrund h2,
.paragraph--type--inhaltsteaser_1block .weiss .textbox.kein_texthintergrund p,
.paragraph--type--inhaltsteaser_1block .weiss .textbox.kein_texthintergrund h2{
	color: #002F5F;
}
.paragraph--type--inhaltsteaser_1block .textbox.kein_texthintergrund h2{
	text-transform: uppercase;
}
.paragraph--type--inhaltsteaser_1block .teaser_action{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* SYSTEMBLOCK + INHALTSTEASER [ZWEISPALTIG] */
.paragraph--type--paragraph-systemblock-teaser,
.paragraph--type--inhaltsteaser_2bloecke,
.paragraph--type--inhaltsteaser_2bloecke_niedrig{
	width: 100%;
	max-width: 1226px;
	margin-left: auto;
	margin-right: auto;
	display: table;
	position: relative;
	overflow: hidden;
}
.systemblock_links,
.teaserblock_links{
	width: 50%;
	display: table-cell;
	vertical-align: top;
	position: relative;
	min-height: 120px;
}
.systemblock_rechts,
.teaserblock_rechts{
	width: 50%;
	display: table-cell;
	vertical-align: top;
	position: relative;
	min-height: 120px;
}
.cellspacer{
	width: 10px;
}
.noBlockspace .cellspacer{
	width: 0px;
}
.paragraph--type--inhaltsteaser_2bloecke .textbox,
.paragraph--type--inhaltsteaser_2bloecke_niedrig .textbox{
	position: absolute;
	width: calc(100% - 40px);
	margin: 0 10px;
	padding: 10px;
}
.textbox_oben	{ top: 10px; }
.textbox_unten	{ bottom: 13px; }
.paragraph--type--inhaltsteaser_2bloecke .teaser_bild{
	max-height: 350px;
}
.paragraph--type--inhaltsteaser_2bloecke_niedrig .teaser_bild{
	max-height: 190px;
}
.paragraph--type--inhaltsteaser_2bloecke .teaser_bild img{
	width: 100%;
	min-height: 250px;
	max-height: 350px;
}
.paragraph--type--inhaltsteaser_2bloecke_niedrig .teaser_bild img{
	width: 100%;
	min-height: 190px;
	max-height: 190px;
}
.paragraph--type--inhaltsteaser_2bloecke_niedrig .teaser_action{
	display: block;
	position: absolute;
	bottom: 20px;
	right: 10px;
}
.paragraph--type--inhaltsteaser_2bloecke_niedrig .textbox{
	height: 170px;
}

/* PREIS-TEASER */
.paragraph--type--paragraph-preis-teaser{
	width: 100%;
	max-width: 826px;
	margin: 10px auto 0 auto;
}
.paragraph--type--paragraph-preis-teaser fieldset.mit_Rahmen legend{
	font-size: 25px;
	padding: 0 20px;
}
.paragraph--type--paragraph-preis-teaser .field--name-field-inhalt{
	display: table;
	width: 100%;
}
.paragraph--type--paragraph-preis-teaser .field--name-field-inhalt .field__item{
	display: table-row;	
}
.paragraph--type--paragraph-preis-teaser ul{
	list-style-image: url("../images/list_arrow.png");
	margin: 10px 0;
}
.paragraph--type--paragraph-preis-teaser .kleingedrucktes{
	margin-top: 10px;
}
.paragraph--type--paragraph-preis-teaser .button_default{
	width: 25%;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.paragraph--type--paragraph-preis-teaser .button_default a{
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
}

/* E-LEARNING */
.block-gewinnspiele-umfragen img{ max-width: 50%; height: auto; }
#elearning, #gewinnspiel		{ width: 100%; max-width: 826px; margin: 20px auto; }
#elearning .bild_links			{ padding:0 15px 10px 0; margin:0px; float:left; }
#elearning .bild_rechts			{ padding:0 0 10px 15px; margin:0px; float:right; }
#elearning .bild_mitte			{ clear: both; margin: 0 15% 20px 15%; width: 70%; }
#elearning .seitenabschnitt		{ clear: both; overflow: hidden; }
#elearning .elearning_navi		{ clear: both; margin-top: 40px; overflow: hidden; }
.elearning_zurueck				{ float: left; }
.elearning_weiter				{ float: right; }
.elearning_zurueck a,
.elearning_weiter a				{ display:block; }
.frage							{ padding: 10px; background-color: #ECECEC; }
.antwort						{ padding: 10px; background-color: #FFFFFF; margin-bottom: 10px; }

/*   ENDE PARAGRAPHS   */
/***********************/

/***********************/
/*    COOKIE-POPUP     */
.eu-cookie-compliance-banner{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 100%;
	background-color: rgba(99,99,99,0.5);
	display: flex;
	align-items: center;
	overflow: auto;
}
.eu-cookie-compliance-content{
	width: calc(100% - 20px);
	max-width: 1026px;
	margin: 0 auto;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 10px;
	padding: 10px;
}
.eu-cookie-compliance-message{
	max-width: 100%;
	float: none;
}
.eu-cookie-compliance-message p{
	color: #002F5F;
    font-size: 16px;
    font-weight: normal;
	margin-top: 0;
}
.eu-cookie-compliance-message a{
    text-decoration: underline;
}
.eu-cookie-compliance-more-button,
.decline-button{
	visibility: hidden;
	display: none;
}
.eu-cookie-compliance-category{
	width: 100%;
}
.eu-cookie-compliance-category div 		{ float: left; margin: 0 40px 20px 0; width: calc(18% - 40px); }
.eu-cookie-compliance-category-checkbox	{ float: left; }
.eu-cookie-compliance-category div.eu-cookie-compliance-category-description{
	float: left;
	width: 82%;
	margin-right: 0;
	font-size: 14px;
}
.eu-cookie-compliance-category label{
	color: #002F5F;
}
.eu-cookie-compliance-categories-buttons{
	clear: both;
	width: calc(100% - 230px);
	float: left;
	text-align: right;
}
.eu-cookie-compliance-buttons{
	float: right;
	max-width: 40%;
}
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-save-preferences-button{
	background-color: #002F5F;
	border: 1px solid #002F5F;
	border-radius: 5px;
	color: #ffffff;
	width: 220px;
	height: 40px;
}
.eu-cookie-withdraw-button{ 
	visibility: hidden; 
	display: none; 
}

/*   ENDE COOKIE-POPUP   */
/*************************/

/* Benutzerverwaltung */
#useradmin_edit{
	background: url('../images/symbol_bearbeiten_dunkelblau.png') no-repeat;
	border: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.block-benutzerverwaltung .table{
	margin: 20px 0;
}
.block-benutzerverwaltung .tcell{
	padding: 5px 0;
	border-bottom: 1px solid #DCDCDC;
}
.block-benutzerverwaltung .button_small{
	width: 200px;
	height: 40px;
	padding: 10px;
}
.user_status,
.user_newsletter{
	text-align: center;
}

/* Drupal Benutzerprofile (Frontend) */
.path-user .layout-container										{ margin: 0; }
.path-user article.profile,
.path-user #user-form												{ background: rgba(197,233,255,0.8); padding: 20px; width: 50%; margin: 0 auto; }
.path-user #user-form label											{ color: #002F5F; }
.path-user #user-form #edit-field-vorname-wrapper					{ position: relative; clear: both; margin-top: 100px; }
.path-user #user-form #edit-field-agenturnummer-wrapper,
.path-user #user-form #edit-contact,
.path-user #user-form #edit-language,	
.path-user #user-form #edit-user-picture-wrapper,
.path-user #user-form #edit-field-token-gruppentool-wrapper,
.path-user #user-form #edit-field-plz-wrapper,
.path-user #user-form #edit-field-agenturname1-wrapper,
.path-user #user-form #edit-field-agenturname2-wrapper,
.path-user #user-form #edit-field-land-wrapper,
.path-user #user-form #edit-field-token-aircruiser-wrapper,
.path-user #user-form #edit-field-datenschutz-wrapper,
.path-user #user-form #edit-field-newsletter-wrapper,
.path-user #user-form #edit-field-useradmin-wrapper,
.path-user #user-form #edit-field-gf-wrapper,
.path-user #user-form #edit-field-bl-wrapper,
.path-user #user-form #edit-field-individuell-wrapper,
.path-user #user-form #edit-field-autoimport-wrapper,
.path-user #user-form #edit-field-letzte-aenderung-wrapper,
.path-user #user-form #edit-field-optin-wrapper,
.path-user #user-form #edit-field-optin-ip-wrapper,
.path-user #user-form #edit-field-control-id-wrapper,
.path-user #user-form #edit-field-datum-newsletteranmeldung-wrapper,
.path-user #user-form #edit-field-datum-newsletterabmeldung-wrapper,
.path-user #user-form #edit-field-marke-wrapper,
.path-user #user-form #edit-field-ncusttype-wrapper,
.path-user #user-form #edit-field-np15-wrapper						{ visibility: hidden; display: none; }
.path-user .tabs.primary											{ visibility: hidden; display: none; }

.path-user article.profile h2										{ margin-top: 0px; font-weight: bold; }
.path-user article.profile .field 									{ margin-bottom: 10px; }
.path-user article.profile .field__label							{ font-weight: bold; }
.path-user article.profile .directlinks								{ clear: both; padding: 40px 0 20px 0; }
.path-user article.profile .directlinks a							{ margin-right: 20px; font-weight: bold; }


/******************/
/*     FOOTER     */
#flugzeug_trenner{
	width: 100%;
	margin-top: -32px;
	height: 35px;
}
#flugzeug_mitte{
	width: 260px;
	height: 69px;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/Flugzeug_mitte.png') no-repeat;
	float:left;
	z-index:200;
	position: absolute;
	left: calc(50% - 130px);
}
#flugzeug_links, #flugzeug_rechts{
	width: calc(50% - 130px);
	height: 69px;
	background: url('../images/Flugzeug_seite.png') repeat-x;
	float:left;	
}
#flugzeug_links{
	position: absolute;
	left: 0;
	z-index:200;
}
#flugzeug_rechts{
	position: absolute;
	right: 0;
	z-index:200;
}
#footer_logo{
	text-align: center;
	margin: 0px auto 0 auto;
}
#footer_logo img{
	width: 100px;
	text-align: center;	
}
footer h2{
	color: #FFFFFF;
	text-align: center;
	margin: 10px 0;
}
.region-footer ul.menu{
	margin: 0;
}
.region-footer .menu-item--expanded{
	list-style-type: none;
	list-style-image: none;
}
.region-footer ul.menu li a,
.region-footer ul.menu li a.is-active{
	color: #AD0873;
}
.region-footer ul.menu li ul.menu li a,
.region-footer ul.menu li ul.menu li a.is-active{
	color: #002F5F;
}
.region-footer ul.menu li ul.menu li a:hover{
	color: #ad0873;
}
.region-footer ul.menu .menu-item--expanded{
	width: 25%;
	float: left;
	margin-bottom: 25px;
	min-height: 180px;
}
.region-footer ul.menu .menu-item--expanded ul.menu{
	border-top: 1px solid #B2B2B2;
	margin-right: 20px;
}
.region-footer ul.menu ul.menu .menu-item{
	width: 100%;
}
/*   ENDE FOOTER   */
/*******************/

/*******************************************/
/***        ANPASSUNGEN bis 1919PX       ***/
/*******************************************/
@media (max-width: 1919px) { 
}

/*******************************************/
/***        ANPASSUNGEN bis 1589PX       ***/
/*******************************************/
@media (max-width: 1589px){ 
	#block-spx-views-block-skyscraper,
	main.mit_titelbild #block-spx-views-block-skyscraper{ visibility: hidden; display: none; }
	#block-benutzeranmeldung,
	#block-spx-willkommensbox							{ background: url("../images/Login_Background_1589.jpg") no-repeat right; }
}

/*******************************************/
/***        ANPASSUNGEN bis 1364PX       ***/
/*******************************************/
@media (max-width: 1364px) { 
	.paragraph--type--paragraph-text-bild-links .table, 
	.paragraph--type--paragraph-text-bild-rechts .table,
	.seitentitel,
	.titel_mitte,
	.einleitungstext,
	.paragraph--type--paragraph-klappbox,
	.block-sitzplatzreservierung .suchmaske	{ max-width: 100%; }
	.paragraph--type--paragraph-text-bild-links,
	.paragraph--type--paragraph-text-bild-rechts,
	.paragraph--type--paragraph-titel,
	.paragraph--type--paragraph-tabmodul,
	.paragraph--type--paragraph-akkordeon,
	.block-stellenanzeigen					{ width: calc(100% - 40px); padding: 0 20px; }

}

/*******************************************/
/***        ANPASSUNGEN bis 1254PX       ***/
/*******************************************/
@media (max-width: 1254px) { 
	#block-benutzeranmeldung,
	#block-spx-willkommensbox					{ background: url("../images/Login_Background_1254.jpg") no-repeat right; }
	.block-views-blockstartseite-haeufigste-anliegen-haeufige-anliegen{ padding: 0; }
	.slideshow-title							{ font-size: 26px; }
	.slideshow-body p							{ font-size: 18px; }
	#Newsletterblock							{ padding: 0 15px; }
	.paragraph--type--paragraphs-vergleichsblock{ width: calc(100% - 20px); padding: 0 10px; }
	.paragraph--type--paragraph-systemblock		{ width: calc(100% - 20px); margin: 0 10px; }
	
	/* Suchergebnisse */
	body.path-search .item-list					{ width: calc(100% - 40px); margin: 0 20px; }
	
	/* Sitzplatzreservierung + TSA */
	.block-sitzplatzreservierung .suchmaske,
	.block-tsa-eingabe .suchmaske				{ width: calc(100% - 40px); padding: 0 20px; }
	
	/* Block aktuellster Newsletter */
	.view-newsletter .button_left a,
	.view-newsletter .button_right a			{ padding: 5px 10px; font-size: 16px; }
}

/*******************************************/
/***        ANPASSUNGEN bis 1100PX       ***/
/*******************************************/
@media (max-width: 1100px) { 
	/* Gepäckbestimmungen */
	.airline_logo	{ width: calc(25% - 30px); }
}

/*******************************************/
/***        ANPASSUNGEN bis 1023PX       ***/
/*******************************************/
@media (max-width: 1023px) { 
	header								{ padding: 0 15px; }
	#block-benutzeranmeldung,
	#block-spx-willkommensbox			{ background: url("../images/Login_Background_1023.jpg") no-repeat right; }
	#superfish-main,
	#superfish-hauptnavigation-offen	{ visibility: hidden; display: none; }
	#block-suchformular,
	#custom-search-block-form			{ width: calc(100% - 100px); padding: 20px 50px; }
	#Newsletterblock .col2				{ visibility: hidden; display:none; }
	#Newsletterblock .col1, .col3		{ padding-top: 30px; }
	#ibe_button							{ visibility: visible; display: block; }
	#ibe_block							{ visibility: hidden; display: none; }
	.teaser_full .teaser_textbox, 
	.teaser_chat .teaser_textbox		{ top: 5px; }
	
	/* Burgermenü */
	#block-spx-hauptnavigation-agenturbereich-mobile	{ padding-top: 30px; }
	
	/* Titelblock */
	.einleitungstext .field--name-field-einleitungstext	{ padding: 30px 100px 10px 100px; }
	.bildcontainer						{ width: calc(100% - 200px); }
	.klappbox							{ padding: 10px 100px; width: calc(100% - 200px); }
	
	/* Content: Bildausrichtung */
	.paragraph--type--paragraph-text-bild-links .cell_left, 
	.paragraph--type--paragraph-text-bild-links .cell_right, 
	.paragraph--type--paragraph-text-bild-rechts .cell_left, 
	.paragraph--type--paragraph-text-bild-rechts .cell_right{ vertical-align: top; }
	
	/* Self Service */
	.submitfield.flug_verwalten .button_red	{ font-size: 16px; padding: 5px; }
	
	/* Sitzplatzreservierung + TSA */
	.suchmaske .table.sitzplatz,
	.suchmaske .table.tsa				{ width: 100%; border-spacing: 10px; }
	.suchmaske .submitfield.sitzplatz,
	.suchmaske .submitfield.tsa			{ margin: 0 10px 10px 0; width: 50%; }	
	
	/* Alle Newsletter */
	.block-views-blocknewsletter-block-2{ padding: 0 100px; }
	
	/* Konatkte */
	.block-kontaktadressen .table,
	.block-kontaktadressen .trow,
	.block-kontaktadressen .tcell				{ display: block; }
	.block-kontaktadressen .tcell.spacer		{ visibility: hidden; display: none; }
	.block-kontaktadressen .kontakt_service, 
	.block-kontaktadressen .kontakt_vertrieb	{ clear: both; width: calc(100% - 72px); margin: 0 20px; }
	.block-kontaktadressen .kontakt_vertrieb	{ width: calc(100% - 70px); }
	.block-kontaktadressen .kontakt_service		{ margin-bottom: 15px; }
	.vklbild									{ text-align: left; }
	
	/* Footer-Menü */
	.region-footer						{ width: 80%; }
}

/*******************************************/
/***        ANPASSUNGEN bis 917PX        ***/
/*******************************************/
@media (max-width: 917px) {
	.tcell.third_teaser			{ display: block; }
	.tcell.ws_logo,
	.tcell.ws_details			{ width: calc(50% - 40px); float:left; padding: 20px; height: 310px; }
	.tcell.third_teaser			{ clear: both; width: 100%; padding: 0; border-top: 10px solid #DCDCDC; border-left: 0; }
	.teaser_half				{ width: 100%; }
	.teaser_half img			{ min-height: 100%; max-height: 100%; height: auto; }		
	
	/* Gepäckbestimmungen */
	.airline_logo				{ width: calc(25% - 10px); padding: 15px 5px; }
	
	/* Archive */
	.rgarchiv, .sammelrechnungen{ width: calc(100% - 40px); padding: 20px; }
	.printer					{ padding: 0 20px; }
	
	/* Systemblöcke [zweispaltig] */
	.paragraph--type--paragraph-systemblock-teaser .trow	{ display: block; width: 100%; }
	.block-letzten5-rechnungen .tcell,
	.block-letzten5-etickets .tcell							{ width: 25%; }
	.systemblock_links, .systemblock_rechts					{ display: block; width: calc(100% - 20px); margin: 0 10px 10px 10px; }
	.block-views-blocknewsletter-block-1 .views-field-body	{ height: auto; }
	.block-views-blockfam-trips-block-2 img					{ height: auto; min-height: 50px; max-height: none; }
	.views_slideshow_cycle_teaser_section					{ margin: 0 auto; }
	.systemblock_rechts, .teaserblock_rechts				{ min-height: 50px; }
	.views-slideshow-controls-bottom .item-list ul			{ margin: 0; }
	
	/* Neuigkeiten */
	#Newsblock{ max-width: 100%; height: auto; }
	.newsliste{ margin: 30px 20px; }
	
	/* FAM TRIPS */
	.block-views-blockfam-trips-block-3	{ margin: 0 20px; width: calc(100% - 40px); max-width: none; }
	
	/* Downloads */
	.item-list-downloads	{ margin: 0 20px; }
	.item-list-downloads li	{ margin-bottom: 10px; }
	
	/* Footer-Menü */
	.region-footer				{ width: 90%; }
	
	/* Content */
	.paragraph--type--titel-bild-text,
	.paragraph--type--paragraph-bild-titel-text-button,
	.paragraph--type--paragraph-codeblock				{ width: calc(100% - 40px); }
	.paragraph--type--paragraph-tabmodul .tabheader 	{ word-wrap: break-word; }
	.paragraph--type--paragraph-tabmodul .tab_content	{ padding-top: 60px; }
	
	/* Anmeldeblock */
	#block-benutzeranmeldung .felder					{ padding: 0 15px; }
}

/*******************************************/
/***        ANPASSUNGEN bis 767PX        ***/
/*******************************************/
@media (max-width: 767px) { 
	header									{ height: 140px; }
	#block-benutzeranmeldung,
	#block-spx-willkommensbox				{ background: url("../images/Login_Background_767.jpg") no-repeat right; }
	#block-spx-favoritenbutton				{ top: 140px; }
	#block-infoblock-benutzer-agentur		{ right: 0; top: 8px; }
	#block-spx-ibemenu						{ right: 0; top: 30px; }
	#block-spx-ibemenu ul.sf-menu a, 
	#block-spx-ibemenu ul.sf-menu span.nolink{ border: 0; }
	#block-spx-symbolmenu, 
	#block-spx-symbolmenuoffenerbereich,
	#block-symbolmenuoffenerbereichnichtangemeldet	{ top: 65px; }
	#block-suchformular,
	#custom-search-block-form				{ width: calc(100% - 40px); padding: 20px; }
	#block-suchformular #edit-submit
	#custom-search-block-form #edit-submit	{ width: 28%; }
	.slideshow-titleblock, 
	.slideshow-titleblock.links, 
	.slideshow-titleblock.mittig, 
	.slideshow-titleblock.rechts			{ width: 90%; left: 0; margin: 0 5%; }
	
	/* Blöcke */
	.paragraph--type--paragraph-systemblock-teaser, 
	.paragraph--type--inhaltsteaser_2bloecke{ display: block; }
	.systemblock_links, .systemblock_rechts,
	.teaserblock_links, .teaserblock_rechts	{ display: block; width: calc(100% - 20px); margin: 0 10px 10px 10px; }
	.cellspacer								{ display: none; visibility: hidden; }

	/* Hinweis: Loginumstellung + Datenschutz */
	.hinweis_text {
		position: relative;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5%;
	}
	.hinweis_text h1{
		font-size: 26px;
	}
	.hinweis_text p{
		font-size: 16px; 
	}
		
	/* Benutzerübersicht */
	#benutzeruebersicht .trow			{ display: block; }
	#benutzeruebersicht.tcell.details	{ visibility: hidden; display: none; }
	#benutzeruebersicht					{ display: block; }
	#benutzeruebersicht .tcell			{ display: block; }
	#benutzeruebersicht .titel, 
	#benutzeruebersicht .agenturlink	{ float: left; width: 50%; padding-left: 0px; padding-right: 0; }
	#benutzeruebersicht .details		{ clear: both; width: 100%; }

	/* Teaser */
	.teaser_half img,
	.teaser_footer img,
	.teaser_header img,
	.paragraph--type--inhaltsteaser_2bloecke .teaser_bild,
	.paragraph--type--inhaltsteaser_2bloecke .teaser_bild img	{ 
		width: 100%; 
		min-width: 100%; 
		max-width: 100%;
		min-height: 0; 
		max-height: none; 
		height: auto; 
	}
	.teaser_half 											{ width: 100%; height: auto; max-height: none; }
	.teaser_full img										{ min-height: 120px; }	
	.paragraph--type--inhaltsteaser_2bloecke .trow			{ display: block; }
	.paragraph--type--inhaltsteaser_1block .teaserblock		{ min-height: 0; max-height: none; }
	.paragraph--type--inhaltsteaser_1block .textbox,
	.paragraph--type--inhaltsteaser_1block .teaser_action	{ position: relative; }
	.paragraph--type--inhaltsteaser_1block .teaser_action	{ margin-top: 25px; }
	.teaser_chat 											{ background: rgba(254,225,0,1.0); }
	.teaser_chat img										{ visibility: hidden; }
	.teaser_chat .teaser_textbox							{ width: calc(100% - 20px); }
	.view-startseite-haeufigste-anliegen .field-content		{ vertical-align: middle; }
	.view-startseite-haeufigste-anliegen .views-col a		{ padding: 10px 5px 20px 5px; word-wrap: break-word; font-size: 18px; }
	.view-startseite-haeufigste-anliegen .views-col a::after{ content: none; }
	
	/* Titelblock */
	.einleitungstext .field--name-field-einleitungstext		{ padding: 30px 40px 10px 40px; }
	.bildcontainer											{ width: calc(100% - 80px); }
	.linie_button											{ width: 20%; }
	.klappbox												{ padding: 10px 40px; width: calc(100% - 80px); }
	.seitentitel.ohnebild,
	.seitentitel 											{ padding-top: 40px; padding-bottom: 0; }
	.seitentitel span										{ padding: 0 60px 0 20px; display: block; }
	.titel_container										{ position: relative; }
	.titel_mitte.ohnebild,
	.titel_mitte											{ position: relative; top: 0; margin-top: 15px; }
	.seitentitel.ohnebild .flag-favoriten					{ top: 55px; }
	.einleitungstext,
	.seitentitel											{ background: rgba(197,233,255,1); }
	.einleitungstext.ohnebild .field--name-field-einleitungstext,
	.einleitungstext .field--name-field-einleitungstext		{ padding-top: 15px; }
	
	/* Newsblock */
	.newseintrag				{ height: auto; white-space: normal; word-wrap: normal; text-overflow: unset; }
	.pfeilicon					{ border-bottom: 0; }
	.teaser_action				{ margin-top: 20px; }
	#Newsblock .teaser_action	{ margin-bottom: 10px; }
	
	/* Alle Newsletter */
	.block-views-blocknewsletter-block-2{ padding: 0 40px; }
	
	/* Partner-Raster */
	.view-unsere-airlinepartner .view-content div{ width: 33.33%; }
	.view-unsere-airlinepartner .view-content div.views-field-field-url{ height: 140px; }
	
	/* Vergleichsblock */
	.paragraph--type--paragraphs-vergleichsblock{ width: calc(100% - 40px); margin: 0 20px; padding: 0; }
	
	/* Suchmaske */
	.suchmaske				{ width: calc(100% - 40px); padding: 0 20px; }
	.suchmaske .table		{ width: 65%; }
	.suchmaske .submitfield	{ width: 35%; }
	
	/* Drupal-Suche */
	#search-form{ width: calc(100% - 40px); padding: 20px; }
	
	/* Sitzplatzreservierung + TSA */
	.block-sitzplatzreservierung .suchmaske,
	.block-tsa-eingabe .suchmaske				{ border-spacing: 0; padding: 20px; }
	.suchmaske .table.sitzplatz,
	.suchmaske .table.tsa						{ border-spacing: 0; }
	.suchmaske .form-item.form-item-nachname	{ display: block; clear: both; width: calc(100% - 12px); }
	.suchmaske .form-item.form-item-kategorie	{ display: block; width: calc(66.37% - 15px); float: left; margin: 0 10px 10px 0; }
	.suchmaske .form-item.form-item-filekey		{ display: block; width: calc(33.33% - 15px); float: left; }
	.suchmaske .submitfield.sitzplatz,
	.suchmaske .submitfield.tsa					{ margin: 0; width: 100%; }
	
	/* Self Service */
	.suchmaske .table.self_service						{ width: 100%; border-spacing: 0; }
	.suchmaske .submitfield.flug_verwalten				{ width: 100%; }
	.suchmaske .table.self_service .form-item-kategorie,
	#locator_div										{ display: block; width: calc(50% - 15px); }
	.suchmaske .table.self_service .form-item-kategorie	{ float: left; }
	#locator_div										{ float: right; }
	.block-flug-verwalten .suchmaske .form-item-kategorie	{ width: 50%; }
	.block-flug-verwalten .suchmaske .form-item-search		{ width: 50%; }
	.block-flug-verwalten .suchmaske .table.self_service	{ width: 100%; }

	/* Archive */
	.block-sammelrechnungen .suchmaske,
	.block-zahlungsavise .suchmaske,
	.block-eticketarchiv .suchmaske,
	.block-rechnungsarchiv .suchmaske						{ border-spacing: 0; padding: 20px; }
	.block-sammelrechnungen .suchmaske .table,
	.block-zahlungsavise .suchmaske .table,
	.block-eticketarchiv .suchmaske .table,
	.block-rechnungsarchiv .suchmaske .table				{ width: 100%; }
	.block-sammelrechnungen .suchmaske .form-item-kategorie,
	.block-zahlungsavise .suchmaske .form-item-kategorie,
	.block-eticketarchiv .suchmaske .form-item-kategorie,
	.block-rechnungsarchiv .suchmaske .form-item-kategorie	{ display: block; width: calc(50% - 20px); margin: 0; float: left; }
	.block-sammelrechnungen .form-item-search,
	.block-zahlungsavise .form-item-search,
	.block-eticketarchiv .form-item-search,
	.block-rechnungsarchiv .form-item-search				{ display: block; width: calc(50% - 20px); float: right; }
	.block-sammelrechnungen .suchmaske .submitfield,
	.block-zahlungsavise .suchmaske .submitfield,
	.block-eticketarchiv .suchmaske .submitfield,
	.block-rechnungsarchiv .suchmaske .submitfield			{ width: calc(50% - 10px); }
	.sammelrechnungen .tcell.agenturnummer,
	.sammelrechnungen .tcell.belegnummer,
	.rgarchiv .tcell.text									{ visibility: hidden; display: none; }	
	
	
	/* Gepäckbestimmungen */
	.airline_logo	{ width: calc(33.33% - 10px); padding: 10px 5px; }
	
	/* Stellenanzeigen */
	.job_datum,
	.job_standort{ width: 20%; }
	.job_position{ width: 60%; }
		
	/* Cookie Hinweis */
	.eu-cookie-compliance-banner	{ align-items: flex-start; }
	.eu-cookie-compliance-message p	{ font-size: 14px; margin: 0 0 15px 0; }
	.contenttable					{ font-size: 14px; margin: 0; }
	.eu-cookie-compliance-categories-buttons,
	.eu-cookie-compliance-buttons	{ margin-top: 25px; }
	.eu-cookie-compliance-category div { clear:both; margin: 0; width: 100%; }
	.eu-cookie-compliance-category div.eu-cookie-compliance-category-description{ clear: both; width: 100%; margin-right: 0; margin-bottom: 20px; font-size: 12px; }
	
	/* Weekly Specials */
	.tcell.ws_logo		{ width: calc(33.33% - 20px); padding: 10px; }
	.tcell.ws_details	{ width: calc(66.67% - 40px); padding: 20px; height: 290px; }
	.ws_details h2		{ font-size: 26px; margin: 0 0 20px 0; }
	
	/* Tabmodul*/
	.tabs_wrapper{ position: relative; top: 0; }
	.tabheader{ width: calc(50% - 25px); margin: 0; }
	.paragraph--type--paragraph-tabmodul .tab_content { padding-top: 20px; }
	
	/* Burgermenü */
	#block-spx-hauptnavigation-agenturbereich-mobile,
	#block-spx-hauptnavigation-offenerbereich-mobile						{ padding-top: 30px; }
	#block-spx-hauptnavigation-agenturbereich-mobile .menu-item--expanded, 
	#block-spx-hauptnavigation-offenerbereich-mobile .menu-item--expanded	{ width: 33.33%; }
	
	/* Formulare */
	.formwrapper,
	.themenauswahl,
	.kontakt_header		{ padding: 15px 20px; }	
	.form-field.small	{ width: calc(50% - 10px); }
	.button_small		{ width: 50%; }
	
	/* Newsletterblock */
	#Newsletterblock						{ height: 100%; padding: 10px 15px; background-color: #c5e9ff; }
	#Newsletterblock .col1					{ padding: 0 10px 0 0; }
	#Newsletterblock .col3					{ padding: 15px 0 0 0; }
	#Newsletterblock .col3 .trow			{ display: block; }
	#Newsletterblock .col3 div.inputfield	{ width: calc(100% - 20px); }
	#Newsletterblock .tcell.inputfield		{ display: block; }
	#Newsletterblock .col3 div.submitfield, 
	#Newsletterblock .col3 div.datasecurity	{ width: 100%; padding: 0; margin-top: 10px; }
	#Newsletterblock .tcell.submitfield		{ display: block; }
	
	/* Footer-Menü */
	.region-footer ul.menu .menu-item--expanded	{ width: 33.33%; }
	
	/* TUI-Band */
	.tui_band .brand		{ font-size: 20px; }
	.tui_band .brand_detail	{ font-size: 14px; }
}

/*******************************************/
/***        ANPASSUNGEN bis 550PX        ***/
/*******************************************/
@media (max-width: 550px) { 
	#block-spx-branding,
	#block-spxlogogeschlossen				{ padding: 25px 0;}
	.slideshow-titleblock, 
	.slideshow-titleblock.links, 
	.slideshow-titleblock.mittig, 
	.slideshow-titleblock.rechts			{ position: relative; width: 100%; margin: 0; bottom: 5px; }
	.container-titleblock					{ max-width: 100%; margin: 0; }
	.views-slideshow-controls-bottom		{ position: relative; }
	.region.region-titlestage img.image-style-startseite-slideshow{ min-height: auto; }
	
	/* Titelblock*/
	.block-system-breadcrumb-block			{ margin-bottom: 15px; }
	.ohnebild .breadcrumb					{ margin-top: 25px; }
	.klappbox .field--name-field-block-rechts .col-1,
	.klappbox .field--name-field-block-rechts .col-2{ width: 100%; padding: 0; }
	.linie_button							{ width: 0%; }
	.seitentitel span						{ padding: 0 20px; }
	
	/* Drupal-Suche */
	#block-suchformular #edit-submit,
	#custom-search-block-form #edit-submit, 
	#search-form #edit-submit					{ float: none; width: 100%; }
	#search-form #edit-submit.button			{ margin-top: 10px; }
	#block-suchformular,
	#custom-search-block-form, #search-form		{ height: 135px; }
	#block-suchformular .form-item,
	#custom-search-block-form .form-item 		{ margin-bottom: 10px; }
	.container-inline div, 
	.container-inline label						{ display: block; }
	.form-item-keys								{ float: none; width: calc(100% - 36px); }
	
	/* Content: Bildausrichtung */
	.paragraph--type--paragraph-text-bild-links .tcell,
	.paragraph--type--paragraph-text-bild-rechts .tcell{ display: block; width: 100%; padding: 10px 0; }
	
	/* Stellenanzeigen */
	.job_datum		{ width: 100%; display: block; }
	.job_standort	{ visibility: hidden; display: none; }
	.job_position	{ width: 100%; display: block; word-wrap: normal; }
	
	/* Archive */
	.tcell.vorgangsdatum,
	.tcell.belegdatum,
	.sammelrechnungen .tcell.datum	{ visibility: hidden; display: none; }
	.seitennavi_container			{ width: calc(100% - 40px); margin: 0 20px; }
	
	/* Partner-Raster */
	.view-unsere-airlinepartner .view-content div{ width: 50%; }
	.view-unsere-airlinepartner .view-content div.views-field-field-url{ height: 140px; }
	
	/* Gepäckbestimmungen */
	.airline_logo		{ width: calc(50% - 10px); padding: 10px 5px; }
	
	/* Cookie Hinweis */
	.table_wrapper		{ overflow-x: auto; }
	.contenttable		{ font-size: 14px; }

	/* Cookie Popup */
	.eu-cookie-compliance-categories-buttons					{ clear: both; width: 100%; text-align: left; }
	.eu-cookie-compliance-buttons								{ float: left; margin-top: 10px; clear: both; width: 100%; min-width: 100%; text-align: left; }
	.eu-cookie-compliance-save-preferences-button,
	.eu-cookie-compliance-default-button						{ width: 100%; }
	.eu-cookie-compliance-category								{ width: 100%; }
	
	/* Weekly Specials */
	.tcell.ws_logo		{ width: calc(100% - 20px); padding: 10px; }
	.tcell.ws_details	{ width: calc(100% - 40px); padding: 20px; height: 290px; }
	.ws_details h2		{ font-size: 26px; margin: 0 0 20px 0; }
	.third_teaser img	{ width: calc(100% - 40px); height: auto; padding: 20px; }
	
	/* Newsletterblock */
	#Newsletterblock						{ padding: 10px; background-color: #c5e9ff; }
	#Newsletterblock .col1, 
	#Newsletterblock .col3					{ width: 100%; padding: 0; }
	#Newsletterblock .tcell.col2			{ visibility: hidden; display: none; }
	#Newsletterblock .tcell					{ display: block; }
	.teaser_chat img						{ display: none; }
	.teaser_chat .teaser_textbox			{ position: relative; }
	.teaser_chat .teaser_action				{ position: relative; clear: both; z-index: auto; bottom: auto; margin: 20px 0; }
	.newsletterblock_right					{ text-align: left; }
	
	/* Burgermenü */
	#block-spx-hauptnavigation-agenturbereich-mobile .menu-item--expanded, 
	#block-spx-hauptnavigation-offenerbereich-mobile .menu-item--expanded	{ width: 50%; }
	
	/* Breadcrumb */
	.block-system-breadcrumb-block	{ visibility: hidden; }
	
	/* Footer-Menü */
	.region-footer ul.menu .menu-item--expanded	{ width: 50%; min-height: 180px; }
	
	/* TUI-Band */
	.tui_band .brand		{ width: calc(100% - 40px); text-align: left; padding: 0 20px; }
	.tui_band .brand_detail	{ width: calc(75% - 60px); padding: 10px 20px; text-align: left; }
	.tui_band .brand_logo	{ min-width: 110px; padding: 0 15px 0 0; text-align: right; }
}

/*******************************************/
/***        ANPASSUNGEN bis 475PX        ***/
/*******************************************/
@media (max-width: 475px) { 
	.form-item-keys							{ float: none; width: calc(100% - 36px); }	
	header									{ height: 170px; }
	#block-spx-favoritenbutton				{ top: 170px; }
	#block-views-block-favoritenblock		{ top: 190px; }
	#block-spx-ibemenu						{ width: 180px; top: 40px; }
	#block-spx-ibemenu ul.sf-menu li		{ float: right; }
	#block-spx-ibemenu ul.sf-menu a			{ line-height: 18px; }
	#block-spx-symbolmenu, 
	#block-spx-symbolmenuoffenerbereich,
	#block-symbolmenuoffenerbereichnichtangemeldet						{ top: 100px; }
	.view-startseite-haeufigste-anliegen .views-view-grid .views-row	{ clear: both; }
	.view-startseite-haeufigste-anliegen .views-view-grid.cols-3 .col-1,
	.view-startseite-haeufigste-anliegen .views-view-grid.cols-3 .col-2,
	.view-startseite-haeufigste-anliegen .views-view-grid.cols-3 .col-3	{ width: 100%; margin: 0 0 10px 0; }
	.view-startseite-haeufigste-anliegen .views-col a					{ padding: 15px; font-size: 18px; height: auto; }
		
	/* Benutzerübersicht */
	#benutzeruebersicht .titel,
	#benutzeruebersicht .agenturlink		{ margin-bottom: 10px; }
	#benutzeruebersicht .details			{ visibility: hidden; display: none; }
	
	/* Newsblock */
	.newseintrag{ width: 80%; }
	.pfeilicon	{ width: 20%; }
	
	/* Alle Newsletter */
	.block-views-blocknewsletter-block-2{ padding: 0 20px; }
	
	/* Titelblock */
	.bildcontainer		{ width: calc(100% - 40px); }
	.einleitungstext .field--name-field-einleitungstext{ padding: 10px 20px 10px 20px; }
	.klappbox			{ padding: 10px 20px; width: calc(100% - 40px); }
	.seitentitel		{ width: calc(100% - 40px); padding: 10px 20px 10px 20px; }
	.seitentitel span	{ font-size: 32px; padding: 0; }
	
	/* Suchmaske */
	.suchmaske				{ border-spacing: 0; padding: 20px; }
	.suchmaske .table		{ width: 100%; }
	.suchmaske .submitfield	{ width: 100%; }
	
	/* Sitzplatzreservierung + TSA + Archive */
	.suchmaske .form-item.form-item-kategorie		{ display: block; width: calc(100% - 10px); float: left; margin: 0 0 10px 0; }
	.suchmaske .form-item.form-item-filekey,
	.block-sammelrechnungen .form-item-search,
	.block-zahlungsavise .form-item-search,
	.block-eticketarchiv .form-item-search,
	.block-rechnungsarchiv .form-item-search		{ display: block; width: calc(100% - 10px); float: left; margin: 0 0 10px 0; }
	.block-sammelrechnungen .suchmaske .submitfield,
	.block-zahlungsavise .suchmaske .submitfield,
	.block-eticketarchiv .suchmaske .submitfield,
	.block-rechnungsarchiv .suchmaske .submitfield	{ float: left; width: 100%; }
	.suchmaske .form-item.form-item-nachname		{ width: calc(100% - 10px); }
	.block-sammelrechnungen .tcell.agenturnr,
	.tcell.belegnummer,
	.tcell.avisdatum 								{ visibility: hidden; display: none; }
	.block-zahlungsavise .tcell.belegnummer			{ visibility: visible; display: block; }
	
	/* Self Service */
	.suchmaske .table.self_service .form-item-kategorie,
	#locator_div										{ display: block; width: calc(100% - 10px); margin-bottom: 10px; }
	.suchmaske .table.self_service .form-item-kategorie	{ float: left; }
	#locator_div										{ float: left; }
	
	/* Systemblöcke [zweispaltig] */
	.block-letzten5-rechnungen .tcell,
	.block-letzten5-etickets .tcell						{ width: 33.33%; }
	.tcell.vorgangsnr	{ visibility: hidden; display: none; }
	
	/* Teaser */
	.paragraph--type--inhaltsteaser_2bloecke h2, 
	.paragraph--type--inhaltsteaser_2bloecke_niedrig h2	{ font-size: 22px; }
	.paragraph--type--inhaltsteaser_2bloecke p, 
	.paragraph--type--inhaltsteaser_2bloecke_niedrig p	{ font-size: 16px; }
	.teaser_action a, #ibe_button a						{ font-size: 16px; padding: 5px 10px; }
	.teaser_half .teaser_textbox						{ position: relative; margin: 0; width: calc(100% - 20px); }
	
	/* Tabmodul*/
	.tabheader{ width: calc(100% - 22px); margin: 0; }
	.tab_content .paragraph{ margin: 0; width: 100%; }
	
	/* Block aktuellster Newsletter */
	.view-newsletter .button_left,
	.view-newsletter .button_right		{ clear: both; width: 100%; text-align: right; }
	.view-newsletter .button_left		{ margin-bottom: 20px; }
	
	/* Archive */
	.sammelrechnungen .tcell.filekey,
	.sammelrechnungen .rg_button img	{ visibility: hidden; display: none; }
	
	/* Suchergebnisse */
	body.path-search .item-list ol		{ padding-left: 0; }
	
	/* Formulare */
	.form-field, .form-field-text,
	.form-field.small					{ width: 100%; padding-left: 0px; padding-right: 0px; }
	.form-field.placeholder				{ visibility: hidden; display: none; }
	.submit-group input[type="submit"]	{ margin-left: 0px; margin-right: 0px; }
	.button_small						{ width: 100%; }
	.themenauswahl a.button_weiss		{ padding: 10px; }
	
	/* Willkommensbox */
	#block-spx-willkommensbox h2,
	.willkommenstext			{ width: calc(90% - 40px); min-width: 0; }
	#user-login-form			{ min-width: 240px; }
	#container_stoerer			{ min-width: 300px; }
	.region.region-titlestage img.Login_Logo{ margin-left: 10px;}
	#block-spx-benutzeranmeldung h2	{ font-size: 24px; }

	/* Cookie Popup */
	.eu-cookie-compliance-save-preferences-button,
	.eu-cookie-compliance-default-button			{ width: 100%; }
}

/*******************************************/
/***        ANPASSUNGEN bis 374PX        ***/
/*******************************************/
@media (max-width: 374px) { 
	/* Hinweis: Loginumstellung + Datenschutz */
	.hinweis_text h1			{ font-size: 22px; }
	.hinweis_text p				{ font-size: 14px; }
	
	/* Header */
	header 						{ height: 190px; }
	
	/* Logo */
	#block-spx-branding,
	#block-spxlogogeschlossen	{ width: 35%; }
	
	/* Burgermenü */
	#block-spx-hauptnavigation-agenturbereich-mobile .menu-item--expanded, 
	#block-spx-hauptnavigation-offenerbereich-mobile .menu-item--expanded	{ width: 100%; min-height: 0; margin-bottom: 20px; }
	
	/* IBE-Menü*/
	#block-spx-symbolmenuoffenerbereich,
	#block-spx-symbolmenu,
	#block-symbolmenuoffenerbereichnichtangemeldet		{ top: 120px; }
	#block-spx-ibemenu									{ width: 120px; }
	#block-spx-ibemenu ul.sf-menu li					{ margin-bottom: 10px; }
	
	/* Favoriten */
	#block-spx-favoritenbutton				{ top: 190px; }
	#block-spx-views-block-favoritenblock	{ top: 210px; }
	
	/* Newsblock */
	#Newsblock,
	.newsmeldung							{ height: auto; }
	.action_left							{ width: 64px; }
	.action_right							{ width: 100%; }
	#Newsblock .teaser_action a.backarrow_inactive,
	#Newsblock .teaser_action a.backarrow,
	#Newsblock .teaser_action a.nextarrow_inactive,
	#Newsblock .teaser_action a.nextarrow	{ display: inline; }
	
	/* Teaser */
	.paragraph--type--inhaltsteaser_2bloecke h2, 
	.paragraph--type--inhaltsteaser_2bloecke_niedrig h2,
	.paragraph--type--inhaltsteaser_1block h2	{ word-wrap: break-word; }
	.paragraph--type--inhaltsteaser_2bloecke p, 
	.paragraph--type--inhaltsteaser_2bloecke_niedrig p,
	.teaser_action							{ width: 100%; }
	.teaser_container .teaser_action		{ width: calc(100% - 20px); }
	.teaser_action a, #ibe_button a			{ display: block; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.teaser_action a, #ibe_button a			{ text-align: center; }
	.paragraph--type--inhaltsteaser_1block .teaser_action{ width: calc(100% - 20px); left: 10px; }
	
	/* Archive */
	.tcell.avisnummer,
	.block-letzten5-etickets .tcell.vorgangsnummer,
	.block-letzten5-rechnungen .tcell.vorgangsnummer	{ visibility: hidden; display: none; }
	.block-letzten5-etickets .tcell.filekey,
	.block-letzten5-rechnungen .tcell.filekey			{ width: 60%; padding-left: 15px; }
	
	/* Partner-Raster */
	.view-unsere-airlinepartner .view-content div{ width: 100%;	}
	.view-unsere-airlinepartner .view-content div.views-field-field-url{ height: 180px; }
	
	/* Gepäckbestimmungen */
	.airline_logo	{ width: 100%; padding: 10px 0; height: 200px; }
	
	/* Gewinnspiele + E-Learnings */
	.elearning_zurueck,
	.elearning_weiter	{ clear: both; width: 100%; text-align: center; margin-bottom: 15px; }
	
	/* Buttons */
	.themenauswahl a.button_weiss,	
	#anliegen a.button_weiss		{ width: calc(100% - 22px); margin-right: 0; }
	
	/* Footer-Menü */
	.region-footer ul.menu .menu-item--expanded	{ width: 100%; min-height: 0; }
}

/*******************************************/
/***        ANPASSUNGEN bis 319PX        ***/
/*******************************************/
@media (max-width: 319px) { 
	/* TUI-Band */
	.tui_band .brand		{ width: calc(100% - 40px); text-align: left; padding: 0 20px; }
	.tui_band .brand_detail	{ width: calc(100% - 40px); padding: 10px 20px; text-align: left; }
	.tui_band .brand_logo	{ visibility: hidden; display: none; }
	
	/* Teaser */
	.paragraph--type--inhaltsteaser_2bloecke p, 
	.paragraph--type--inhaltsteaser_2bloecke_niedrig p, 
	.paragraph--type--inhaltsteaser_1block p	{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	/* Button */
	.button_blue_small, 
	.button_dunkel a, 
	.field--name-field-spalte1-link a, 
	.field--name-field-spalte2-button a, 
	.field--name-field-spalte3-button a, 
	.field--name-field-spalte4-button a, 
	.titel_mitte a						{ font-size: 14px; }
	.field--name-field-spalte1-link, 
	.field--name-field-spalte2-button, 
	.field--name-field-spalte3-button, 
	.field--name-field-spalte4-button	{ line-height: 20px; }
	#ibe_button a, 
	.paragraph a.button_blue_small, 
	.paragraph a.button_blue, 
	.paragraph a.button, 
	.paragraph .teaser_action a, 
	.paragraph .button_dunkel a, 
	.paragraph .button_weiss a			{ display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.view-newsletter .button_left a,
	.view-newsletter .button_right a	{ font-size: 14px; }
	
	/* Weekly Specials */
	#block-weeklyspecials-teaser{ visibility: hidden; display: none; }
	
	/* An-/Abmelden */
	#infoblock_benutzer_agentur	{ visibility: hidden; display: none; }
	#abmeldeblock				{ border-radius: 3px; }
	
	/* Kontaktadressen */
	.block-kontaktadressen .tcell{ word-break: break-all; }
	
	/* Flugzeugtrenner */
	#flugzeug_trenner			{ visibility: hidden; display: none; }
}