========================================

	fintouring 

	========================================

	

	@author			: @h.pae

	@version		: v1.1

	@date-create	: February 2018

	@last-update	: Dec 2023

	@file-name		: style



*/
/*

	========================================

	TABLE OF CONTENT

	========================================


	[GLOBAL STYLE]

	[NAVBAR]

	[HEADER]
	
	[SUCHERGEBNISSE]

	[SINGLE-PROJECT]
	
	[HOTELS]

	[TESTIMONY]

	[CAROUSEL]
	
	[FOOTER]
	
	[SOCIAL MEDIA]

	[PREMIUM REGIONEN SERVICE INFO STARTSEITE]
	
	[FAQ]
	
	[404 FEHLERSEITE]
	
	[KATALOG, KONTAKT, TEAM, AGB, IMPRESSUM, VERSICHERUNGEN, NACHHALTIGKEIT]
	
	[INFO]
	
	[BUCHEN]
	
	[MODALS]
	
	[VORSCHAU LISTE]
	
	[SEKTIONEN SINGLE-ANSICHT]
	
*/


/* 

	==================

	[GLOBAL STYLE]

	==================

*/

body {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    background: #fff;
    overflow-x: hidden;
    text-align: center;
}

body {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    background: #fff;
    overflow-x: hidden;
    text-align: center;
}

/* Zeichnet jeden markierten Text weiß auf blauem Hintergrund, Probleme mit der korrekten Darstellung von #0065af*/
::selection {
    color: #fff;
    text-shadow: none;
    background: #3498db;
}

/*selector for firefox*/
::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #3498db;
}

/*works i.e. google chrome*/
::-webkit-selection {
    color: #fff;
    text-shadow: none;
    background: #3498db;
}

/*Scrollleiste  - wird primär über nicescroll-plugin gesteuert*/
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: #333;
}

::-webkit-scrollbar-thumb {
    background-color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

::-webkit-scrollbar-button {
}

::-webkit-scrollbar-corner {
    background-color: #000;
}

h1
{
    font-family: 'brush-tipTerrence', 'Raleway', sans-serif;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}


h3 small {
    display: block;
}

a:hover,
a:focus,
#highlights .link-modal:hover,
#highlights .link-modal:focus,
#unterkunft .link-modal:hover,
#unterkunft .link-modal:focus {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #0065af;
    text-decoration: underline;
    cursor: pointer;
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #555;
    background-color: #fff;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    color: #333;
    border-color: #bbb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

/*Spalten auf gleiche Höhe bringen */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/**Buttons und Formulare**/
/*Abstände, Rundungen*/
.btn,
.form-control {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    position: relative;
    margin-right: 5px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
}

/*Farbe Rahmen Formular aktiviert*/
.form-control:focus {
    border-color: #bbb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*Button Ausgabe Suchergebnisse, Nachrichten versenden */
#footer .btn-primary {
    background: #0065af;
}

.btn-primary {
    border-color: transparent;
    background-color: rgba(0, 101, 175, 0.80);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.dropdown-toggle {
    border-color: transparent;
    background: #0065af;
}

.ergebnisselektion>.btn-primary {
    background-color: #fff;
    color: inherit;
    margin-bottom: 5px;
}

/*Button Suche*/
.btn-suchen {
    background-color: #0065af;
    border-color: #0065af;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.btn-suchen:hover,
.btn-suchen:focus,
.btn-suchen:active,
.btn-suchen.active,
.btn-suchen.dropdown-toggle {
    border-color: #0065af;
    color: #fff !important;
    background: #0065af;
}



/* Button buchen */
.btn-buchen {
    background-color: #ffbe46;
    color: #fff;
    border-radius: 2px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1em;
}

.btn-buchen:hover,
.btn-buchen:focus,
.btn-buchen:active,
.btn-buchen.active,
.btn-buchen.dropdown-toggle {
    color: #fff !important;
    background: #ffae19;
}

.btn-buchen-gruen {
    background-color: rgba(59, 171, 30, 0.80);
    color: #fff;
    border-radius: 2px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}

.btn-buchen-grau {
    background-color: #ddd;
    color: #fff;
    border-radius: 2px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}

.btn-buchen-gruen:hover,
.btn-buchen-gruen:focus,
.btn-buchen-gruen:active,
.btn-buchen-gruen.active,
.btn-buchen-gruen.dropdown-toggle {
    color: #fff !important;
    background: #3bab1e;
}

.btn-fragen:hover,
.btn-fragen:focus,
.btn-fragen:active,
.btn-fragen.active,
.btn-fragen.dropdown-toggle,
.btn-details:hover,
.btn-details:focus,
.btn-details:active,
.btn-details.active,
.btn-details.dropdown-toggle {
    color: #fff !important;
    background: #0065af;
}

.btn-fragen,
.btn-details {
    color: #fff;
    border-radius: 2px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1em;
    background-color: rgba(0, 101, 175, 0.8);
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 2px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1em;
}

#buchen_AVB .btn-buchen {
    font-size: 1em;
    margin-top: 10px;
}

/* Button zurück */
.btn-zurueck:hover,
.btn-zurueck:focus,
.btn-zurueck:active,
.btn-zurueck.active,
.btn-zurueck.dropdown-toggle {
    color: #fff !important;
    background: #999;
}

.btn-zurueck {
    border-radius: 2px;
    margin-bottom: 10px;
    font-size: 1em;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    background-color: #777;
    text-transform:uppercase;
}

/* Button block */
.btn-block {
    display: block;
    width: 100%;
}

/* Icon when the collapsible content is shown */
/* Icon when the collapsible content is hidden */
.auswahlkriterien.btn.collapsed:after {
    content: "\f103";
}

/*Anker*/
.anchor-frame {
    position: relative;
}

.page-anchor {
    position: absolute;
    top: -175px;
}

/* 

	==================

	[NAVBAR]

	==================

*/
.logo-text {
    color: #555;
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
}

.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    min-height: 130px;
}

.navbar-default.navbar-static-top {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.navbar-default .navbar-brand img {
    height: 100px;
    width: auto;
    display: block;
}

.navbar-interreg {
    padding-top: 40px !important;
    padding-left: 20px !important;
}

.navbar-interreg img {
    height: 70px !important;
}

.navbar-default .navbar-brand {
    position: relative;
    color: #0065af;
    font-size: 26px;
    display: block;
    padding: 10px 20px 90px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-brand span {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 400;
}

.navbar-default .navbar-brand span strong {
    font-weight: 600;
}

.navbar-default .navbar-brand:hover {
    color: #0065af;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
h1    transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-brand:hover > span {
    color: #0065af;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #eee;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
    position: relative;
    color: #0065af;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;
    height: 8px;
    width: 8px;
    margin-left: -4px;
    background: #0065af;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.navbar.navbar-default .navbar-nav li.dropdown.open > a,
.navbar.navbar-default .navbar-nav li.dropdown.open > a:hover {
    background-color: #eee;
}

.dropdown-menu {
    background-color: #fff;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: right;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #eee !important;
}

/* 

	==================

	[HEADER]

	==================

*/

/*Grafik neben Kontaktmöglichkeiten*/
#kontakt_img {
    max-width: 200px;
}

#header_klein {
    position: relative;
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../pictures/header/nordlicht.jpg');
    margin-top: 130px;
    min-height: 100px;
    z-index: 999;
    margin-bottom: 20px;
}

#header_klein h1 {
    width: 100%;
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 3em;
    top: 10px;

    /*text-shadow: #111 0.1em 0.1em 0.1em;*/
    letter-spacing: 2px;
}

#header {
    width: 100%;
    position: relative;
    z-index: 999;
    height: 550px;
    margin-top: 130px;
    bottom: 0px;
}

#header_reduced
{
    position: relative;
    width: 100%;
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../pictures/header/2023/fintouring_Website_SubHeader_flagge.jpg');
    min-height: 150px;
    padding-top: 130px;
    padding-bottom: 20px;
}

/*Text Header*/
.text_header h1 {
    font-weight: 600;
    font-size: 3em;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 20px;
}

.text_header {
    /*opacity: 0.7;*/
    color: #fff;
    position: relative;
    max-width: 100%;
    text-align: center;
    display: inline-block;
    right: 0;
}

#header_buchen {
    position: relative;
    width: 100%;
    background: #eee;
    border-top: #eee solid 150px;
    border-bottom: #eee solid 20px;
}

/*Suche über Header*/
#schnellsuche {
    margin-top: 25px;
    margin-bottom: 15px;
    background-color: rgba(85, 85, 85, 0.83);
    padding-top: 5px;
    box-shadow: 2px 2px 10px #aaa;
    border-radius: 2px;
    padding-bottom: 5px;
}

#schnellsuche label {
    color: #fff;
    text-align: left;
    padding-top: 5px;
}

#schnellsuche .btn-suchen {
    margin-top: 25px;
    border: 1px solid #999;
    color: #fff;
}

#schnellsuche 
.btn-suchen:hover,
.btn-suchen:focus,
.btn-suchen:active,
.btn-suchen.active,
.btn-suchen.dropdown-toggle {
    border: 1px solid #fff;
}



#gluecksgriff img {
    position: relative;
    }


.audio {
    position: absolute;
    left: 0;
    bottom: 0;
}

#forumandersreisen {
    position: absolute;
    right: 0;
    bottom: 0;
}
#forumandersreisen span {
    color: #fff;
    position: absolute;
    width: 200px;
    bottom: 0;
    right: 100px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: right;
}
#forumandersreisen img {
    width: 100px;
}

#lustauf {
    position: absolute;
    left: 0;
    bottom: 10px;
}
#lustauf {
    position: absolute;
    width: 220px;
    height: 130px;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    right: 100px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
#lustauf img {
    width: 200px;
}

#tourcert img {
    position: absolute;
    right: 0;
    bottom: 130px;
    width: 100px;
    margin-bottom: 10px;
}

.pin {
    width: 50px;
    height: 50px;
    box-sizing: content-box;
    padding-top: 15px;
    position: relative;
    background: #fed500;
}

.pin:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 13px solid #fff;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
}

/* 

	==================

	SUCHERGEBNISSE

	==================

*/

/*
	==================

	[SINGLE-PROJECT]

	==================

*/

/* Allgemeine Infos */


.title_single {
    padding-bottom: 10px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.icon_detail {
    width: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 15px;
}

.reisekurzinfo p {
    margin-bottom: 0px;
}

.reisekurzinfo .region {
    border-right: 0px;
}

.reisekurzinfo span {
    padding-right: 10px;
    border-right: 2px solid #777;
    margin-right: 10px;
}

#naechster_termin span {
    padding-right: 5px;
}

.zusammenfassung_single {
    /*border: 2px solid #999;*/
    padding: 20px;
    background: #eee;
    border-radius: 2px;
}

/* Highlights */
.highlight {
    font-weight: bolder;
}

#highlights .foto {
    overflow: hidden;
    vertical-align: middle;
    width: 30%;
    display: table-cell;
}

#detail #highlights h3 {
    font-size: 1.1em;
    text-align: left;
    margin-top: 5px;
    padding-top: 5px;
}

#detail #highlights h2 {
    width: 100%;
}

#highlights {
    text-transform: uppercase;
    background: #eee;
    padding-left: 25px;
    padding-right: 25px;
    height: 100%;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
    padding-bottom: 25px;
}

#highlights .text {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
    margin-right: 1;
    display: table-cell;
}

#highlights img {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    height: auto;
}

#highlights .link-modal,
#unterkunft .link-modal {
    font-size: 1em;
    text-transform: uppercase;
    color: #0065af;
    position: relative;
    display: block;
    text-align: left;
}

#highlights .element {
    display: inline-flex;
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 15px solid#eee;
    margin-bottom: 10px;
}

/* Details */
#detail {
    padding-left: 10px;
    padding-right: 10px;
}

#detail .nav {
    margin-bottom: 10px;
    background: #eee;
    margin-left: -45px;
    margin-right: -40px;
}

#detail h2,
#bewertungen h2 {
    font-size: 2em;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 5px solid#eee;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: none;
}

#detail h3 {
    font-size: 1.5em;
}

#detail .reiseverlauf h3 {
    background: #eee;
    padding: 5px 15px;
    font-size: 1.5em;
    margin-top: 10px;
    position: relative;
}

/* Reiseverlauf */
.reiseverlauf div {
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 20px;
    text-align: left;
}

/* rounded  list style */
/* list */
.invisible-list ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}

/* item  */
.invisible-list ol > li {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 12px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* Unterkunft */
#unterkunft .foto {
    position: relative;
    display: table-cell;
    width: 30%;
    vertical-align: top;
}

#unterkunft .text {
    width: 70%;
    position: relative;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding: 10px;
    background: #eee;
    border-left: 10px solid #fff;
    border-bottom: 10px solid #fff;
    margin-bottom: 10px;
}

#unterkunft {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}

#unterkunft img {
    width: 100%;
    margin-bottom: 10px;
}

#unterkunft small {
    /*padding-left: 10px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    /*border-left: 2px solid #777;*/
    font-size: 14px;
    font-style: italic;
    /*margin-left: 10px;*/
}

/* Leistungen */
#leistungen h3 {
    color: #fff;
    background: #777;
    padding-top: 5px;
    padding-bottom: 5px;
}

#leistungen p {
    padding-right: 10px;
    padding-left: 10px;
}

/* zur Buchung */
.zimmertyp {
    font-weight: 600;
}

.buchen-text {
    position: relative;
    vertical-align: top;
    padding: 10px 15px;
    display: block;
    margin-left: 10%;
    margin-right: 10%;
}

/*.shortcontact {
    position: relative;
    width: 100%;
    padding: 2px 0;
}

.heading-title {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.heading-title h2 {
    padding: 12px 20px 20px;
    font-size: 28px;
    line-height: 32px;
    text-transform: inherit;
    font-weight: 600;
    position: relative;
    display: block;
}*/

/*.heading-title.heading-title-sm h2
{
    padding: 10px 14px;
    font-size: 18px;
    line-height: 24px;
}

.heading-title.bg-white h2::before
{
    background: #fff;
}

.ergebnisanzeige
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.heading-title.heading-title-alt h3
{
    font-size: 26px;
    line-height: 30px;
}
*/
.reise-container {
    margin-bottom: 20px;
    margin-top: 10px;
}

.reisetitelfoto {
    position: relative;
}

.reisetitelfoto img {
    height: auto;
    width: 100%;
    position: relative;
    display: block;
}

.kategorien-symbole {
    position: absolute;
    right: 0;
    display: block;
    width: auto;
    max-width: 70%;
    padding: 5px 10px;
    background: #0065af;
    font-weight: 400;
    color: #fff;
    top: 0;
}

.reisepreis {
    position: absolute;
    left: 0;
    display: block;
    padding: 8px;
    background: #0065af;
    color: #fff;
    text-align: left;
    line-height: 22px;
    font-weight: 400;
    font-size: 0.9em;
    margin-top: 10px;
    top: 10px;
    z-index: 3;
}

.reisetipps {
 word-wrap: break-word;
}

.reisetipps .reisepreis {
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
    padding: 4px;
}

.titel-rot {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: left;
    background-color: #a72300;
    z-index:9;
    padding-left: 10px;
    padding-right:10px;
}

.titel-blue {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: left;
    background-color: #0065af;
    z-index:9;
    padding-left: 10px;
    padding-right:10px;
}

.titel-polar {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: left;
    background-color: #A7C551;
    z-index:9;
    padding-left: 10px;
    padding-right:10px;
}

#empfehlungen .reisepreis {
    /*left: 15px;*/
    top: 15px;
}

#raster .reisepreis, #liste .reisepreis
{
    font-size: 0.9em;
}


.reisepreis h4 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
    font-weight: 400;
}

.reisepreis small {
    font-size: 13px;
    font-weight: 400;
}

/*.property-content h3 small,
.property-text h3 small {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
}

.property-content-list {
    display: inline-block;
}*/

/*
.reisetitelfoto-list {
    position: relative;
    width: 50%;
    display: table-cell;
    vertical-align: top;
}

.reisetitelfoto-list .property-status {
    position: absolute;
    right: 0;
    bottom: 35px;
}



.reisetitelfoto-list .property-footer a {
    background: #d9dae9;
    color: #898ba2;
}

.reisetitelfoto-list .property-footer a:hover {
    background: #898ba2;
    color: #d9dae9;
}

.property-footer {
    position: relative;
    display: table;
    width: 100%;
    padding: 0;
}

.property-footer a {
    display: table-cell;
    width: 50%;
    padding: 8px 12px;
    text-align: center;
    background: #0065af;
    font-size: 18px;
    color: rgba(0,0,0,.25);
    overflow: hidden;
}

.property-footer a:hover,
.property-footer a:focus {
    color: #eee;
    background: #c9573f;
    overflow: hidden;
    outline: none;
}

*/

.sort {
    padding-bottom: 40px;
    margin-top: 10px;
}

.sort .form-inline {
    text-align: right;
    float: right;
    width: 100%;
}

/* pagination */
.pagination > li > a,
.pagination > li > span {
    color: #0065af;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0065af;
    border-color: #0065af;
}

.contact {
    font-size: 14px;
    line-height: 26px;
}

.week_program_day {
    text-align: center;
    font-weight: bold;
    background: #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    /*border: 2px solid #999;*/
    border-radius: 2px;
    
    padding: 5px 15px;
    font-size: 1.5em;
    position: relative;
}

#map,
#map-property {
    background-color: #1b1d2a;
    width: 100%;
    height: 350px;
}

#map-property {
    margin-bottom: 40px;
}

#map img,
#map-property img {
    max-width: none;
}


/* special widget */
/*.advance-search::before,

.advance-search::after
{
    content: '';
    display: table;
    clear: both;
}
*/
/* 

    ==================

	[HOTELS]

	==================
*/

.hotelbeschreibung_kurz, .zusammenfassung_info {
    text-align: left;
    background: #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: 2px;
    border-radius: 5px;
}

/*.hotelbeschreibung_kurz .fa {
    font-size: 2em;
    padding-left: 0px;
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    display: table-cell;
    width: 5%;
    text-align:center;
}*/

.hotelbeschreibung_kurz p {
    display: table-cell;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hotelbeschreibung {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hotelbeschreibung span {
    margin-right: 5px;
    font-weight: 800;
    display: block;
}


.address {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*gleiche Höhe für alle Spalten bei Verlinkung zu Reisen*/

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.row-flex-content {
  height: 100%;
}

/* 

    ==================

	Infotexte

	==================
*/

#infotext {
    text-align: left;
    margin-bottom: 20px;
}

#infotext h2 {
    font-size: 28px;
    text-align: center;
    }

#infotext .slider-pro {
    margin-top: 20px;
    margin-bottom: 20px;
}

#infotext img {
    max-width: 600px;
    margin-right: 10px;
}

#infotext .img-circle {
    width: 250px;
    height: 250px;
    object-fit: cover;
    vertical-align: 10px;
}

#infotext .responsive 
{
    max-width:100%;
    height:auto
}

.fluggesellschaft {
    font-weight: bold;
}

.tabelle-fluege {
    float: right;
}

#infotext h3.fluege {
    margin-bottom: 20px;
}

#infotext img.icon {
    width: 50px;
}

.info-kasten {
    padding: 20px;
    border: 10px solid #eee;
    border-radius: 2px
}

/*	==================

	[TESTIMONY]

	==================

*/
#testimony {
    position: relative;
    width: 100%;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 400px;
    padding-top: 40px;
    padding-bottom: 20px;
}

#testimony::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.65);
}

#testislider {
    position: relative;
    z-index: 2;
    font-weight: inherit;
    text-align: center;
}

#testislider a {
    color: #fff;
}

#testislider .carousel-inner .item {
    z-index: 1;
    left: 0 !important;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -ms-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
    opacity: 1;
}

#testislider.carousel .active.left,
#testislider.carousel .active.right {
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -ms-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

#testislider .carousel-control.left,
#testislider .carousel-control.right {
    background-image: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: transparent;
    height: 60px;
    width: 50px;
    margin-top: 15%;
    margin-left: 0;
    margin-right: 0;
}

#testislider .carousel-control.left {
    left: -70px;
    right: auto;
}

#testislider .carousel-control.right {
    right: -70px;
    left: auto;
}

#testislider .carousel-control i,
#testislider .carousel-control span {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 0;
}

.testimony-container {
    padding: 0;
    margin: 0;
    height: auto;
}

.testimony-image {
    float: left;
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.testimony-content {
    margin-left: 150px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

.testimony-content h3 {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}

.testimony-content blockquote,
.testimony-single blockquote {
    border-left: none;
    text-indent: 2em;
    font-size: 14px;
    max-height: auto;
    overflow: hidden;
    position: relative;
    padding-right: 10px;
    line-height: 18px;
}

.testimony-content blockquote::before,
.testimony-single blockquote::before {
    content: '\f10d';
    font-family: 'FontAwesome';
    position: absolute;
    left: -2em;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
}

.testimony-single {
    color: #555;
}

.testimony-single .testimony-content {
    color: #555;
}

.testimony-single .testimony-image {
}

.testimony-single testimony-content a {
    color: #555;
}

.testimony-single a {
    color: #555;
}

.testimony-single-feedback {
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.testimony-single blockquote {
    text-align: left;
}

.testimony-single img {
    min-height: 12px;
    max-height: 18px;
    min-width: 12px;
    max-width: 24px;
    margin-bottom: 10px;
    position: absolute;
    left: 0px;
    top: 60px;
}

.testimony-allg {
    position: relative;
    padding-right: 20px;
    float: left;
    min-width: 200px;
}

.testimony-allg .date {
    font-style: italic;
    text-align: left;
    line-height: 10px;
}

/*Mehr bzw. weniger anzeigen*/
.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
}

.read-more-state ~ .read-more-trigger:before {
    content: 'Mehr anzeigen';
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: 'Weniger anzeigen';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    font-weight: normal;
}

.read-more-trigger:hover,
.read-more-trigger:focus,
.read-more-trigger:active {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: underline;
}

/* carousel single */

#slider_single 
{
    text-align: justify;
    margin-top: 20px;
}

/* 

	==================

	[CAROUSEL]

	==================

*/
.weißer_hintergrund {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.blauer_hintergrund {
    background: #0065af;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}

/* Carousel */
.jcarousel-wrapper, .jcarousel-wrapper_tipps, .jcarousel-wrapper_hotels {
    position: relative;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.jcarousel,
.jcarousel_tipps,
.jcarousel_hotels {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.jcarousel ul,
.jcarousel_tipps ul,
.jcarousel_hotels ul{
    position: relative;
    width: 20000em;
    margin: 0px;
    list-style: none;
    padding: 0;
}

.jcarousel li, .jcarousel_tipps li, .jcarousel_hotels li {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    width: auto;
}

.jcarousel img, .jcarousel_tipps img, .jcarousel_hotels img {
    height: auto;
    width: 100%;
}

/* Carousel Controls */

.jcarousel-control-prev,
.jcarousel-control-next,
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    position: absolute;
    top: 10%;
    text-align: center;
    font-size: 4em;
    line-height: 30px;
    z-index: 10;
}

.jcarousel_tipps-control-prev,
.jcarousel_tipps-control-next,
.jcarousel_tipps-control-prev:hover,
.jcarousel_tipps-control-next:hover {
    position: absolute;
    top: 15%;
    text-align: center;
    font-size: 4em;
    line-height: 30px;
    z-index: 10;
}

.jcarousel_hotels-control-prev,
.jcarousel_hotels-control-next,
.jcarousel_hotels-control-prev:hover,
.jcarousel_hotels-control-next:hover {
    position: absolute;
    top: 15%;
    text-align: center;
    font-size: 4em;
    line-height: 30px;
    z-index: 10;
}

a.jcarousel-control-next .fa-chevron-right, a.jcarousel_tipps-control-next .fa-chevron-right, a.jcarousel_hotels-control-next .fa-chevron-right {
    color: transparent;
}

a.jcarousel-control-prev .fa-chevron-left, a.jcarousel_tipps-control-prev .fa-chevron-left, a.jcarousel_hotels-control-prev .fa-chevron-left {
    color: transparent;
}

a.jcarousel-control-next .fa-chevron-right:hover, a.jcarousel_tipps-control-next .fa-chevron-right:hover, a.jcarousel_hotels-control-next .fa-chevron-right:hover {
    color: transparent;
    text-shadow: 0 0 2px #ccc;
    color: #fff;
}

a.jcarousel-control-prev .fa-chevron-left:hover, a.jcarousel_tipps-control-prev .fa-chevron-left:hover, a.jcarousel_hotels-control-prev .fa-chevron-left:hover {
    color: transparent;
    text-shadow: 0 0 2px #ccc;
    color: #fff;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover,
.jcarousel_tipps-control-prev:hover,
.jcarousel_tipps-control-next:hover,
.jcarousel_hotels-control-prev:hover,
.jcarousel_hotels-control-next:hover {
    text-decoration: none;
    text-shadow: 0 0 2px #ccc;
    color: #fff;
}

.jcarousel-control-prev, .jcarousel_tipps-control-prev, .jcarousel_hotels-control-prev  {
    left: 20px;
}

.jcarousel-control-next, .jcarousel_tipps-control-next, .jcarousel_hotels-control-next {
    right: 20px;
}

/* Carousel Pagination */
.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.jcarousel-pagination a {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 7px;
    font-size: 11px;
    line-height: 10px;
    text-decoration: none;
    background: #fff;
    color: #4e443c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    text-indent: -9999px;
    -webkit-box-shadow: 0 0 2px #4e443c;
    -moz-box-shadow: 0 0 2px #4e443c;
    -ms-box-shadow: 0 0 2px #4e443c;
    -o-box-shadow: 0 0 2px #4e443c;
    box-shadow: 0 0 2px #4e443c;
}

.jcarousel-pagination a.active {
    background: #0065af;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 0 1px #0065af;
    -moz-box-shadow: 0 0 0 1px #0065af;
    -ms-box-shadow: 0 0 0 1px #0065af;
    -o-box-shadow: 0 0 0 1px #0065af;
    box-shadow: 0 0 0 1px #0065af;
}

/*Carousel Infoübersicht*/
.zusammenfassung p {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    line-height: 14px;
}

.zusammenfassung h3 {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}

.zusammenfassung .fa {
    margin-left: 10px;
    font-size: 14px;
}

/* 

	==================

	[FOOTER]

	==================

*/
#footer {
    width: 100%;
    padding: 30px 0 0;
    background: #00508c;
}

#footer .widget:before,
#footer .widget:after {
    content: "";
    display: table;
    clear: both;
}

#footer .widget {
    margin-bottom: 0px;
    color: #fff;
}

#footer .widget h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
    color: #d9dae9;
    margin-bottom: 20px;
}

#footer .widget h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
    color: #d9dae9;
    margin-bottom: 30px;
}

#footer .widget > ul,
#footer .widget ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    text-align: left;
}

#footer .widget > ul > li,
#footer .widget > ul > li > a,
#footer .widget ul > li,
#footer .widget ul > li > a {
    display: block;
    padding: 2px 0;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    list-style-type: none;
}

#footer .widget > ul > li > a:hover,
#footer .widget > ul > li > a:focus,
#footer .widget ul > li > a:hover,
#footer .widget ul > li > a:focus {
    color: #fff;
    font-weight: bold;
    list-style-type: none;
}

/* 

	==================

	[SOCIAL MEDIA]

	==================

*/
.copyright {
    position: relative;
    padding: 60px 0 40px;
    text-align: center;
    margin-top: 60px;
    border-top: 1px solid #fff;
}

.copyright .scroltop {
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -18px;
}

.copyright .social-links > li > a {
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 25px;
    background: #ffffff;
    display: block;
    border-radius: 100%;
}

.copyright .social-links > li > a > .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
    font-size: 19px;
}

.copyright .social-links > li > .icon-socialmedia:hover {
    background: #4099ff;
}

.copyright .social-links > li > .icon-facebook:hover {
    background: #4467ad;
}

.copyright .social-links > li > .icon-youtube:hover,
.copyright .social-links > li > .icon-gplus:hover {
    background: #ff4b4b;
}

fin_not bold {
    font-weight: lighter;
}

.fin_color_button {
    background: #FDCA00;
    min-width: 50px;
    max-width: 100px;
}

.fin_heading-title h2 {
    text-transform: uppercase;
}

.partner-abstand {
    margin-top: 20px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    vertical-align: middle;
    max-width: 80%;
}

.link-weiß {
    color: #ffffff;
}

.hg_h_form {
    background-color: #0065af;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 5px;
}

.img_header {
    background-size: 100%;
    bottom: 0;
}

#icon_weiß {
    color: #fff;
}

a {
    color: #0065af;
    text-decoration: none;
}

.obj-lage1 {
    padding: 5px 5px 15px;
    position: relative;
    display: block;
    width: 100%;
}

.ab {
    font-size: 10pt;
    font-weight: lighter;
}

.preis {
    position: absolute;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 0.8em;
    top: 0;
    z-index: 4;
    right: 0;
}

.reisekurzinfo {
    padding-top: 5px;
    padding-bottom: 5px;
}

.fh_kurzbeschreibung {
    max-height: 120px;
    text-align: center;
    overflow: hidden;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.punkte::after {
    content: '...';
    color: #0065af;
    font-size: 18pt;
    position: relative;
}

.nav-detail {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.suche_select_bold {
    font-weight: 600;
}

#transparent {
    background: rgba(255,255,255,.7);
}

#suchleiste {
    background: #eee;
    z-index: 30;
}

#checkbox {
    margin-left: 3px;
    margin-right: 2px;
}

#grau {
    color: #777;
}

/*Dropdown*/
.dropbtn {
    background-color: #eee;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: relative;
    background-color: #eee;
    max-height: 20px;
    margin-top: 10px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #eee;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #eee;
}

#header-suche {
    min-width: 100px;
    max-width: 100px;
    max-height: 22px;
    background: #fff;
    position: relative;
    display: inline-table;
    text-align: center;
}

#abstand_oben {
    padding-top: 15px;
}

.preis-paket {
    font-size: 1.4em;
    white-space: nowrap;
    color: #0065af;
    padding-left: 20px;
    padding-top: 7.5px;
    line-height: 22px;
    padding-right: 20px;
    position: relative;
    height: 40px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 2px;
}

.row-partner {
    height: 150px;
    position: inherit;
}

.gruen {
    color: #9ACD32;
}

.rot {
    color: #CD0000;
}

.grundriss {
    margin-bottom: 15px;
    max-width: 50%;
}

.detail span {
    background: #eee;
    display: inline-flex;
    padding: 5px;
    line-height: 20px;
    margin: 5px 2px 2px;
}

/* Icon when the collapsible content is shown */
.pfeil:after {
    font-family: "FontAwesome";
    content: "\f107";
    float: left;
    margin-left: 5px;
    margin-right: 10px;
}

/* Icon when the collapsible content is hidden */
.pfeil.collapsed:after {
    content: "\f105";
}

#anfrage_aendern {
    color: #777;
    margin-left: 5px;
}

#header.heading .page-title h3 {
    margin-bottom: 5px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}

.navitem-abstand {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.abfrage-widget-buchen {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Abstand Hauscode zum Bildrand bei Rasteransicht*/
.img-gross {
    position: relative;
    float: left;
    display: inline;
    width: 150px;
    height: 150px;
    margin-right: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 18px;
}

.text-abstand {
    letter-spacing: 1px;
}

.karussel-container {
    position: relative;
}

div.karussel-container:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*

	======================================================

	PREMIUM REGIONEN SERVICE INFO - STARTSEITE
	
	======================================================
*/
/*Warum fintouring*/
#service {
    width: 100%;
    padding: 40px 0;
}

/*Sprungmarke Anker für Verlinkung in Navigationsmenü*/
.regionen_sprungmarke, .warum_polarlicht_sprungmarke, .sprung
    {visibility: hidden; 
    height: 0px !important; 
    position: absolute; 
    margin: -100px;
}

#service h2 {
    display: block;
    margin-bottom: 60px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

#service h2 small {
    display: block;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.service-container {
    margin-bottom: 20px;
    height: 425px;
}

.service-container:hover > .service-icon .serv {
    -webkit-box-shadow: 0 0 0 5px #0065af;
    -moz-box-shadow: 0 0 0 5px #0065af;
    -ms-box-shadow: 0 0 0 5px #0065af;
    -o-box-shadow: 0 0 0 5px #0065af;
    box-shadow: 0 0 0 5px #0065af;
}

.service-icon {
    display: block;
    margin-bottom: 20px;
}

.service-icon .serv {
    position: relative;
    display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    background: #0065af;
    border: 8px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.service-icon .serv > i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -42px;
    margin-top: -50px;
    font-size: 95px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.service-content {
    text-align: center;
}

.service-content h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

    .aktuell {
    border: 2px solid #a72300;
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
}


.responsive-video iframe {
    position: relative;
    display: inline;
}

.responsive-video {
    position: relative;
    padding-bottom: 66.66%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.zurueck_auswahl {
    border-bottom: 20px solid #eee;
    border-top: 20px solid #eee;
}

.zurueck_auswahl_link {
    vertical-align: text-bottom;
}

.premium_abst {
    margin-bottom: 25px;
}

.premium-container {
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #eee;
    min-height: 450px;
    padding-bottom: 20px;
}

.premium-image img {
    width: 100%;
    height: auto;
    border-bottom: 10px solid #0065af;
}

.icon_start {
    width: 25px;
    padding-top: 15px;
}

.premium-content h3 small,
.premium-text h3 small {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    font-size: 0.6em;
    height: 50px;
}

.premium-content h3 {
    margin-top: 15px;
    font-size: 1.5em;
}

/*Telefon Widget*/
.widget a {
    color: #fff;
    list-style-type: none;
}

.widget a:hover {
    font-weight: bold;
    text-decoration: none;
}

.ausstattung {
    border: 5px solid #fff;
}

.aufzaehlung_schlicht h3 {
    font-size: 1.2em;
}

.rabatte {
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
    display: inline;
    background: #0065af;
    white-space: nowrap;
    border-radius: 5px;
    padding: 5px 10px;
}

.aufzaehlung_schlicht {
    text-align: left;
    list-style-type: none;
    margin-right: 5%;
}

.border {
    border: #eee 2px solid;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.font {
    color: #777;
}

.sup {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background: #eee;
    text-decoration: none;
}

#detail .nav > li > a:hover,
.nav > li > a:focus {
    background: #fff;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 10px;
    text-align: right;
    font-size: 16px;
}

#detail .nav > li > a {
    position: relative;
    display: block;
    border-radius: 2px;
    color: #555;
}



.form-control {
    background-color: #fff;
}




/*Detailsuche Auswahlmenü*/
.suchkriterien {
    border-bottom: solid 1px #777;
    padding-bottom: 5px;
}

.suchkriterien-hg1 {
    background-color: rgba(255,255,255,.7);
    margin-bottom: 5px;
}

.suchkriterien-rahmen {
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    background: #fff;
}

.accordion-icon:after {
    font-family: "FontAwesome";
    content: "\f103";
    margin-left: 15px;
}

/*The accordion is open*/
.active .accordion-icon:after {
    content: "\f102";
}

.panel-title {
    color: null;
}

.panel-default {
    border-color: transparent;
    text-align: left;
    margin-top: 10px;
}

.panel-default > .panel-heading {
    background-color: transparent;
    color: #555;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #777;
}

.anzahl_ergebnisse {
    font-weight: 200;
    font-style: italic;
    display: inline-block;
}

.naechster_termin,
.reisetermin {
    position: relative;
    display: block;
    font-size: 1em;
    overflow: hidden;
    background: #777;
    color: #fff;
    padding: 2px 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 2px;
}

.abstand-buchen-top {
    margin-top: 10px;
}

.oberkategorie {
    font-weight: bold !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.unterkategorie {
    padding-left: 35px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/*#schnellsuche .form-control,
#schnellsuche .input-group,
#liste .form-control,
#raster .form-control {
    margin-bottom: 1;
}*/

.badge {
    font-weight: normal;
    border-radius: 2px;
    background: #999;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.center {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    float: none;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.widget-buchen-abstand {
    margin-bottom: 10px !important;
}

.image_buchen {
    position: absolute;
    height: 100px;
    left: 0;
    right: 0;
}

.buchen_basic_info {
    width: 220px;
    margin: 0 0 0 140px;
    float: left;
    line-height: 13px;
    text-align: left;
    padding-left: 10px;
    background: #fff;
    color: #0065af;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

#bookingStepsBar {
    background-color: #fff;
    height: 78px;
    padding: 10px 20px;
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
}

#bookingStepsBar .basicInformation {
    width: 220px;
    margin: 0 0 0 140px;
    float: left;
    line-height: 13px;
}

#bookingStepsBar .basicInformation div {
    width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.buchen_schritt .nr {
    display: inline-block;
    width: 56px;
    text-align: center;
    color: #555;
    font-weight: bold;
    font-size: 24px;
    line-height: 50px;
    margin-right: 10px;
    background-color: rgba(0, 101, 175, 0.3);
    margin-bottom: 5px;
    float: left;
}

.buchen_schritt {
    position: relative;
    top: 0;
    float: left;
    margin: 0 10px 0 0;
    overflow: inherit;
    text-align: left;
}

.buchen_schritt .beschriftung {
    font-weight: normal;
    position: absolute;
    width: 250px;
    bottom: 0;
    padding-left: 70px;
}

.kurzinfo_buchen {
    position: absolute;
    left: 240px;
    background: #fff;
    height: 150px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
}

#buchung_leiste .hauscode {
    background: #fff;
    text-align: left;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 8px;
    z-index: 1;
    width: 100px;
    position: absolute;
    left: 0;
}

.hauscode_zusammenfassung {
    position: absolute;
    left: 15px;
    display: block;
    background: #fff;
    font-weight: 600;
    top: 10px;
    text-align: left;
    font-size: 1.2em;
    padding-left: 15px;
    min-width: 120px;
    overflow: hidden;
    min-height: 40px;
    padding-top: 10px;
    color: #0065af;
}

.buchen_schritt .enabled {
    background: #0065af;
    color: #fff;
}

.reisetitelfoto-buchen {
    position: relative;
    width: 100%;
    display: block;
    vertical-align: top;
}

.reisetitelfoto-buchen img,
.reisetitelfoto-list img {
    width: 100%;
    height: auto;
    margin-bottom: -7.5px;
    position: relative;
    z-index: 1;
}

.panel-buchen .panel-heading {
    background: #eee;
    font-size: 1.2em;
}

.panel-buchen {
    border: #eee 1px solid;
}

.panel-buchen .panel-body {
    text-align: left;
    padding-bottom: 5px;
}

.panel-buchen p {
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    line-height: 18px;
    text-align: left;
}

.breite_zelle {
    width: 60%;
    position: relative;
    text-align: left;
}

.reise-container > .row {
    padding-left: 10px;
    padding-right: 10px;
}


#buchen_AVB {
    margin-bottom: 20px;
}

.abstand-hinzufuegen {
    margin-top: 10px;
}

.line {
    line-height: 1.42857143;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    padding-top: 8px;
}

.anfrage {
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
}

.anfrage .fa-circle {
    color: #ffce54;
}

.logo-mdt {
    height: auto;
    width: 150px;
    text-align: center;
}

#info_zl {
    font-weight: normal;
    text-align: center;
    border: #f6bb42 1px dashed;
    padding: 10px;
    background-color: rgba(246, 187, 66, 0.1);
}

.vers-a {
    background-color: #0065af;
}

.vers-b {
    background-color: #c31f1f;
}

.th {
    text-align: center;
}

.grau {
    background: #eee;
    text-align: left;
    padding: 5px 10px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}


#logo-mdt {
    margin-top: 10px;
    margin-bottom: 10px;
}

#property .jcarousel-wrapper {
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    -ms-box-shadow: 0 0 2px #999;
    -o-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    background: #eee;
    padding-left: 40px;
    padding-right: 40px;
    margin: 20px auto;
}

/* wichtig für das Verhalten des zweiten Sliders */
.jcarousel1-control-prev,
.jcarousel1-control-next {
}

.hg-gesamtpreis {
    font-weight: bold;
    text-decoration: overline;
}

#zahlungsart {
    margin-top: 20px;
    margin-bottom: 5px;
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
}

.reisetitelfoto-buchen2 {
    position: relative;
    width: 50%;
    display: block;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

.reisetitelfoto-buchen2 img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.property-content-list-buchen2 .property-text,
.property-content-list-buchen2 h3 {
    position: relative;
    display: block;
    width: 100%;
}

.buchen3_hoehe {
}

.abstand {
    margin-top: 10px;
}

/*Anfrage-Häuser*/
.legende-text {
    text-align: left;
    vertical-align: top;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    width: 90%;
}

.anfrage-a-legende {
    width: 10%;
    position: relative;
    display: table-cell;
    vertical-align: top;
    color: #fff;
    font-size: 1.4em;
    padding: 10px;
}

#legende {
    display: inline-block;
}

.anfrage-a {
    background: #ffae19;
    position: absolute;
    padding: 7px 10px 8px;
    z-index: 5;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    font-weight: 600;
}

.reisetitelfoto .anfrage-a,
.reisetitelfoto .buchbar {
    left: 180px;
    top: 20px;
    width: 40px;
    height: 40px;
}

.legende > .anfrage-a span,
.legende > .buchbar span {
    height: 40px;
    width: 40px;
}

.anfrage-a a {
    color: #fff;
}

.partner-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 400px;
    margin-left: -15px;
    margin-right: -15px;
    /*-webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);*/
}

.polarlichtexpress {
    background-image: url('/pictures/icmp/AL4956_IC31185_T_PER_POL_W01.jpg');
}

.oy {
    background-image: url('/pictures/icmp/AL4956_IC51821_F_O936_AUS_S11.jpg');
}

.finetouring {
    background-image: url('/pictures/icmp/AL4956_IC33237_H_AES_RES_W07.jpg');
}

.partner {
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
}

.nordost, .kemi, .kuusamo, .rovaniemi, .luosto, .levi, .yllaes, .muonio, .inari, .kilpis, .swlappland {
    padding-bottom: 10px;
}

.nordost, .kuusamo, .luosto, .yllaes, .inari, .swlappland {
    background: #eee;
}

.nordost {
    border-left: 10px solid #87cefa;
}

.kemi {
    border-right: 10px solid #008080;
}

.kuusamo {
    border-left: 10px solid #808000;
}

.rovaniemi {
    border-right: #ffa500 solid 10px;
}

.luosto {
    border-left: 10px solid #0065af;
}
.levi {
    border-right: 10px solid #cc0066;
}
.yllaes {
    border-left: 10px solid #008080;
}
.muonio {
    border-right: 10px solid #808000;
}
.inari {
    border-left: #ffa500 solid 10px;
}
.kilpis {
    border-right: 10px solid #0065af;
}
.swlappland {
    border-left: #ccccff solid 10px;
}


.regionen-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

null {
}

.regionen {
    background: #fff;
    border-bottom: 2px solid #fff;
}

/* Input Datum Farbgebung */
#from_single,
#to_single,
#from,
#to {
    background: #fff;
}

.testimony-content .kundenname,
 {
    font-weight: 600;
    font-size: 1.5em;
    padding-right: 10px;
}

.testimony-single .kundenname {
    font-weight: 600;
    font-size: 1.2em;
    text-align: left;
}

.testimony-content a {
    color: #fff;
    font-weight: 600;
}

.testimony-content img {
    min-height: 12px;
    max-height: 18px;
    margin-left: 10px;
    margin-bottom: 10px;
    min-width: 12px;
    max-width: 24px;
}

/* Kartenanzeige */
#map_wrapper {
    min-height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

/*Farbe Tooltips*/
.tooltip-inner {
    background-color: #333;
}

[data-placement="top"] + .tooltip > .tooltip-arrow {
    border-top-color: #333;
}

[data-placement="right"] + .tooltip > .tooltip-arrow {
    border-right-color: #333;
}

[data-placement="bottom"] + .tooltip > .tooltip-arrow {
    border-bottom-color: #333;
}

[data-placement="left"] + .tooltip > .tooltip-arrow {
    border-left-color: #333;
}

/*a:hover .hauspreis-detailansicht {
    text-decoration: none;
}*/

.suchanzeige {
    width: 40px;
}

.hotel-karte img {
    width: 150px;
}

.hotel-karte .titel {
    color: #fff;
    font-weight: 600;
    padding: 10px;
    margin-top: 5px;
    background-color:#0065af;
}

/*
	=====================

	[FAQ]
	
	=====================
*/


.faq-rubrik {
    background: fffeee;
    margin-bottom: 50px;
}

#faq h3 {
    background: #FFF;
    text-transform: uppercase;
    margin-top: 15px;
    z-index: 999;
    letter-spacing: 1px;
    position: relative;
    padding-right: 15px;
    padding-top: 15px;
    vertical-align: middle;
    margin-left: 15px;
}

#faq .fa-comment-o {
    font-size: 4em;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    z-index: 5;
    padding: 2%;
    top: -20px;
    border: 5px solid #eee;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    float: right;
    width: 100px;
    height: 100px;
    left: -15px;
}

#faq p {
    position: relative;
    background: #eee;
    padding: 10px;
    display: table-cell;
    margin-left: 0;
    width: 80%;
    float: left;
}

#faq .intro {
    margin-top: 30px;
    position: relative;
    display: inline-block;
    margin-left: 15px;
}

#faq .intro div {
    width: 20%;
    float: right;
    position: relative;
    display: table-cell;
}

#faq .rubrik {
    font-size: 1,5em;
    background: #eee;
    padding: 5px 10px;
    display: block;
    left: -15px;
    position: relative;
    margin-top: 20px;
    margin-left: 25px;
    text-align: left;
}

.panel-title>a {
    font-weight: 400;
}

/* Google maps info-window */
.abstand_reg_kat {
    padding-left: 5px;
    padding-right: 5px;
}

.quick-search h2 {
    font-size: 20px;
}


.clear-marg {
    margin: 0 !important;
}

/*Single-Ansicht Hintergrund*/
.single-post .tab-content {
    background-color: #fff;
    border-top: none;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

/*Single-Ansicht H2*/
.single-post h2 {
    line-height: 28px;
    margin-bottom: 20px;
}

.auswahlkriterien:hover,
.auswahlkriterien:focus,
.auswahllkriterien:active,
.auswahlkriterien.active {
    color: #555 !important;
    background: #fff !important;
    font-weight: bolder;
    -webkit-box-shadow: 0 0 0 5px #fff;
    -moz-box-shadow: 0 0 0 5px #fff;
    -ms-box-shadow: 0 0 0 5px #fff;
    -o-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff;
    border: 5px solid #eee;
}

/*Buchen Button hinzufügen*/
.plus_minus .form-control,
.plus_minus .btn {
    display: inline;
    margin: 0px;
}

.minus {
    position: absolute;
    left: 0px;
    top: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px;
}

.plus {
    position: absolute;
    right: 0px;
    top: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px;
}

.plus_minus .form-control {
    display: block;
    text-align: center;
}

/*Single-Ansicht Nav-pills Anordnung*/
.nav-pills > li {
    display: inline-table;
    text-align: center;
    float: none;
    background: #eee;
}





/*
	=====================

	[404 FEHLERSEITE]
	
	=====================
*/
.fehler_verbindungsstoerung {
    border-radius: 2px;
    border: 1px #CD0000 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.fehler_verbindungsstoerung h3 {
    color: #CD0000 solid;
}

/*
	=====================

	[KATALOG, KONTAKT, TEAM, AGB, IMPRESSUM, VERSICHERUNGEN, FAQ, NACHHALTIGKEIT]
	
	=====================
*/

.zoom {
    min-height: 1500px;
}

#katalog, #kontakt, #team, #faq {
    text-align: center;
}

#katalog img
{
    max-width: 200px;
}

#versicherungen .th
{
 text-align: left;
}

/*Team*/
.team-description {
    padding: 10px;
    height: 175px;
}

.hg-team {
    background: #eee;
    padding-top: 20px;
    margin-bottom: 40px;
}

.team-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    filter: grayscale(100%) opacity(100%);
}

.team-image img:active,
.team-image img:hover,
.team-image img:focus {
    filter: grayscale(30%);
}

.team-container {
    margin-bottom: 30px;
    background: #fff;
}

.team-description h3 {
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 1px;
    font-weight: 600;
    font-size: 1.3em;
}

.team-description h3 small {
    display: block;
    font-size: 0.7em;
    font-weight: 600;
    line-height: 20px;
    color: inherit;
}

.team-social {
    text-align: center;
    border-top: 1px solid #777;
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 0.9em;
}

.team-social span:first-child {
    padding-left: 0;
}

.team-social span:last-child {
    padding-right: 0;
}

.team-social span {
    display: inline-block;
    padding: 0px 2px;
}

.team-social a {
    color: #777;
}

.team-social a:hover,
.team-social a:focus {
    color: #0065af;
}

#team .highlight {
    border: 5px solid #eee;
    text-align: left;
    padding: 5px 10px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#team .highlight p {
    font-weight: normal;
}

#team .highlight:hover {
    background: #eee;
}

/*Team Sprachen*/
.sprachen {
    text-align: center;
    position: absolute;
    top: 0;
    width: 25px;
    right: 15px;
    background-color: rgba(8, 6, 6, 0.17);
}

.sprachen span {
    display: inline-block;
}

.flag {
    width: 18px;
    height: 13px;
    margin-left: 2px;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-size: cover;
}

.deu {
    background-image: url('../pictures/flaggen/de.svg');
}

.eng {
    background-image: url('../pictures/flaggen/gb.svg');
}

.fin {
    background-image: url('../pictures/flaggen/fi.svg');
}


.se {
    background-image: url('../pictures/flaggen/se.svg');
}

.ru {
    background-image: url('../pictures/flaggen/ru.svg');
}

/*Leitbild*/

#leitbild {
    text-align: left! important;
    border-style: ridge;
    margin-bottom: 20px;
    margin-top: 20px;
}
#leitbild h4 {
    padding-bottom: 10px;
    padding-top: 10px;
}


/*
	=====================

	[INFO]
	
	=====================
*/

#info .nav {
    margin-left: 15px;
    margin-right: 15px;
}

.info-leiste {
    margin-bottom: 5px;
    position: relative;
    height: 30px;
    display: inline-block;
}

#link_tipps, #link_info {
    vertical-align: middle;
    color: #0065af;
    text-transform: uppercase;
}

.info .karussel-container {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 0 #ddd;
    -moz-box-shadow: 1px 1px 0 #ddd;
    -ms-box-shadow: 1px 1px 0 #ddd;
    -o-box-shadow: 1px 1px 0 #ddd;
    box-shadow: 1px 1px 0 #ddd;
}

.karussel-container {
    background: #fff;
    min-height: 320px;
    border: 1px #ddd solid;
}


.info img {
    width: 100%;
    max-height: auto;
}


/*
	=====================

	[KARUSSEL PARTNER]
	
	=====================

.angebot-partner {
    color: #555;
    text-align: left;
    position: absolute;
    max-width: 350px;
    bottom: 16px;
}

.angebot-partner p {
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.angebot-partner p:hover,
.angebot-partner p:active,
.angebot-partner p:focus {
    background-color: #fff;
    text-decoration: underline;
}

.angebot-partner span {
    background: #333;
    color: #fff;
    padding: 5px;
}

/*.jcarousel_partner {
    position: relative;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    border-left: #fdca00 solid 10px;
    width: auto;
}

.jcarousel_partner li {
    margin-right: 1px;
    margin-left: 0px;
    height: 350px;
    float: left;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -ms-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

.jcarousel_partner img {
    width: 575px;
}

@media screen and (max-width: 768px)
{
    .jcarousel_partner img {
        width: 750px;
    }

    .jcarousel_partner {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.jcarousel_partner ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 20000em;
}

label {
    font-weight: 600;
    display: block;
    text-align: left;
}
*/

.grauer_hintergrund {
    position: relative;
    width: 100%;
    background: #eee;
    padding: 20px;
}


.service-versprechen {
    margin-top:10px;
    border: #a72300 solid 1px;
}

.service-versprechen a{
    color: #a72300;
}

.reisetitel,
.reisetitel a {
    width: 100%;
    position: absolute;
    left: 0px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    padding-left: 5%;
    padding-right: 5%;
    height: 100%;
    margin-top: 10px;
    color: #fff;
    top: 5px;
    text-align: left;
    z-index: 5;
}

.reisetitel h3 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    margin-right: 3px;
    margin-left: 3px;
    font-size: 1.4em;
}

.reisepreis .eur {
    font-size: 22px;
    font-weight: 600;
}

.reisetipps .reisepreis .eur-alt {
    font-size: 14px;
    text-decoration: line-through;
    padding-left: 10px;
}

.reisetipps .reisepreis .eur {
    font-size: 14px;
    font-weight: 400;
}

.reisetipps .zusammenfassung{
   font-size: 16px;
}


.carousel-control {
    width: 5%;
    opacity: 5%;
}

/* 

	==================

	[VORSCHAU LISTE
	==================

*/
.reise-vorschau-liste {
    display: inline-block;
}

.reise-container-liste,
.reise-container-raster {
    background: #fff;
    border-bottom: 5px solid #ffffff;
    margin-bottom: 20px;
}

.reise-vorschau-liste > .reisetitelfoto {
    position: relative;
    width: 50%;
    display: table-cell;
    vertical-align: top;
}


.reisepreis-leiste h4 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
    font-weight: 400;
}

.reisepreis-leiste small {
    font-size: 13px;
    font-weight: 400;
}

.reise-vorschautext {
    position: relative;
    width: 50%;
    vertical-align: top;
    display: table-cell;
    padding: 10px 15px;
}

.reise-vorschautext h3 small {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
}

.reise-symbole span {
    padding: 2px 5px;
    font-size: 0.9em;
}


/* 

	==================

	BUCHEN

	==================

*/

#buchen1_zuammenstellung {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.kurzzusammenstellung, .pruefen {
    display: inline-block;
    text-align: left;
}

.kurzzusammenstellung-img {
    position: relative;
    width: 100%;
    max-width: 400px;

    margin-right: auto;
    vertical-align: top;
}

.kurzzusammenstellung-img img {
    width: 100%;
    height: auto;
    margin-bottom: -7.5px;
    position: relative;
    z-index: 1;
}

.kurzzusammenstellung-text {
    position: relative;
    width: 50%;
    vertical-align: top;
    display: table-cell;
    padding: 10px 15px;
}

.preis-buchen {
    display: inline-block;
    font-size: 1.4em;
    white-space: nowrap;
    color: #0065af;
    border-radius: 2px;
    border: 2px #0065af solid;
    padding-top: 5px;
    line-height: 22px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.trennlinie-preis {
    border-top: 4px dotted;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

#buchen1_zusammenstellung .control-label {
    margin-top: 5px;
}

.reiseteilnehmer {
    font-size: 1em;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

#buchen1_zusammenstellung .logo-mdt {
    margin-left: 15px;
}

.pruefen-img
{
    position: relative;
   /* width: 100%;
    max-width: 400px;*/ /*wenn aktiv, wird Foto zu sehr nach links justiert*/
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
}

.pruefen-reisetitel
{
    text-align: center;
}

#pruefen .reiseteilnehmer {
    padding-left: -20px;
    font-weight: 400;
}
#pruefen .text-left {
    padding-left: 20px;
}
    
.rechnungsempfaenger, .reiseteilnehmer, .flughafen, .zahlweise, .gebuchte_leistungen {
    background: #eee;
    margin-bottom: 20px;
}
    
.rechnungsempfaenger h4, .reiseteilnehmer h4, .gebuchte_leistungen h4, .gesamtpreis-pruefen {
    margin-left: -20px;
}

.buttons_booking_confirm
{
    padding-top: 20px;
}

#fehler-buchung {
    margin-top: 130px;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 500px;
    color: #CD0000;
}

#fehler-buchung .row {
    background: #eee;
    padding: 10px;
}

/* 

	==================

	[MODALS]

	==================

*/
.modal-footer {
    text-align: left;
}

/* Modal highlights und unterkunft 
.highlight-ausfuehrlich img,
.unterkunft-ausfuehrlich img {
    width: 100%;
    height: auto;
    margin-top: 10px;
}*/

/* Modal highlights carousel */
.carousel-modal {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
}

/* Modal "Zur Buchung" */
.buchbar {
    background: #3bab1e;
    padding: 7px 10px 8px;
    z-index: 5;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    font-weight: 600;
    position: absolute;
}

#buchen .buchbar,
#buchen .anfrage-a {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0px;
}

.paket-preis {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
}

@media (max-width:767px)
{
    .paket-preis {
        font-size: 0.9em;
        display: block;
        margin-top: -5px;
    }
}

.buchbarkeit {
    width: 20%;
    position: relative;
    display: table-cell;
}

.nv {
    border: 2px dotted #999;
    color: #999;
    text-transform: uppercase;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    background: #eee;
    width: 100%;
    text-align: center;
    border-radius: 2px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.erlaeuterung_buchbarkeit .anfrage-a,
.erlaeuterung_buchbarkeit .buchbar {
    position: relative;
    display: inline;
    left: 0px;
    width: 40px;
    height: 40px;
    line-height: 1.4em;
}

.erlaeuterung-buchbarkeit {
    display: inline-block;
}

.erlaeuterung_buchbarkeit .text {
    display: table-cell;
    padding-left: 10px;
    text-align: left;
}

.erlaeuterung_buchbarkeit .symb {
    width: 15%;
    display: table-cell;
    position: relative;
}

/*Modal header*/
.modal-header .close {
    margin-top: -10px;
    font-size: 2.5em;
}

/*Modal footer*/
.modal-footer .fa:focus,
.modal-footer .fa:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #555;
}

.modal-footer .fa {
    font-size: 2em;
    vertical-align: middle;
    cursor: pointer;
    color: #999;
}

h1 small {
    display: block;
    margin-top: 10px;
}


.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 1.2em;
}

.kasten {
    margin-top: 20px;
}

.navbar-right {
    position: absolute;
    bottom: 0;
    right: 20px;
}

.navbar-default .navbar-toggle {
    margin-top: 22px;
    margin-right: 0px;
}

/* Spaltenhoehe ist wichtig für Highlights*/
.spaltenhoehe {
}

#liste .reisepreis,
#raster .reisepreis {
    width: 180px;
    height: 40px;
    white-space: nowrap;
}

.buchbar a {
    color: #fff;
}

#liste h2 {
    font-size: 2em;
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
}

#liste h2 small,
#raster h2 small {
    display: inline-block;
}


#liste .reisedatum {
    margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
}

#liste h1 {
    font-size: 2.2em;
}

#liste .symbol,
 {
    width: 10%;
    position: relative;
    display: table-cell;
    vertical-align: top;
    color: #fff;
    font-size: 1.4em;
    padding: 10px;
}

.legende > .symbol {
    width: 20px;
    position: relative;
    vertical-align: top;
    color: #fff;
    font-size: 1em;
}

.legende {
    padding-bottom: 10px;
}

input.control-label {
}

input.control-label {
    margin-right: 10px;
}

/*#raster .reisepreis {
    margin-left: 15px;
}*/

#raster .reisetitelfoto .anfrage-a,
#raster .reisetitelfoto .buchbar {
    left: 195px;
}

#raster h2 {
    font-size: 1.6em;
    padding-left: 5px;
    padding-right: 5px;
}

#raster .icon_detail, #liste .icon_detail {
    width: 30px;
    padding: 1px;
    margin: 1.5px;
    display: inline-block;
}

#detail .naechster_termin {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#raster .naechster_termin {
    border-radius: 0px;
    margin-bottom: -10px;
}

#raster .btn-details {
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 0px;
    border-bottom: 0 solid #ffffff;
}

.platzhalter-bild {
    height: 66,66% important!;
}

.vers-c {
    background-color: #862cc3;
}

.vers-d {
    background-color: #087a1b;
}

.vers-e {
    background-color: #ff7c00;
}

/*Masonry Layout*/
/*.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}*/

.item {
    display: inline-block;
    padding: 5px 10px;
    /*background: #eee;*/
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
    margin-top: 0;
    margin-bottom: 1.5em;
}

#zurbuchung .pakete {
    border-bottom: 10px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 10px #fff solid;
    border-right: 10px #fff solid;
    background: #eee;
}

#buchen .reisetermin,
#buchen .zimmerkat {
    position: relative;
    display: block;
    font-size: 1em;
    overflow: hidden;
    background: #777;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-top: 10px;
}

.buchen-content-list {
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.auflistung-positionen {
    margin-top: 10px;
    text-align: left;
    margin-left: 15px;
}

.buchungsuebersicht {
    border: 1px solid #eee;
}

#buchen .leistungen {
    background: #eee;
    border-bottom: 10px solid #ffffff;
    border-left: 0px solid;
    border-top: 0px solid;
    border-style: solid;
    border-right: 0px solid;
}

.ul {
    list-style-position: inside;
    text-indent: -1em;
}


.aufzaehlung_schlicht li {
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 0em;
}

.abstand {
}

.leistungen {
    /*border: 2px solid #999;*/
    background: #eee;
    margin-top: 10px;
    border-radius: 2px;
}

#leistungen .fa {
    padding-left: 1em;
}

#buchen h1 {
    font-size: 1.7em;
    margin-top: 10px;
    padding-left: 10%;
    padding-right: 10%;
}

#buchen .symbole {
    border-bottom: 1px solid #777;
}

.auflistung-positionen p {
    font-style: italic;
    margin-bottom: 15px;
}

#buchen .infotext {
    font-style: normal;
}

#buchen .buchen-container  small {
    padding-top: 10px;
}

.gesamtpreis-preis {
    display: inline-block;
    white-space: nowrap;
    color: #0065af;
    border-radius: 2px;
    border: 2px #0065af solid;
    margin-bottom: 5px;
    padding: 5px;
    float: right;
    margin-right: 20px;
}

.gesamtpreis {
    padding-top: 5px;
    padding-bottom: 5px;
}

#buchen .p1 {
    margin-bottom: 0px;
}

.preis-tn {
    padding-right: 20px;
    padding-bottom: 20px;
}

#weitere_infos /*Letzter Block Single-Ansicht*/
{
    padding-bottom: 20px;
}

/*.karussel-container.karussel-dark
{
    border-color: none;
}*/
.karussel-head {
    padding: 5px 15px 15px;
    height: 200px;
}
/*.karussel-container.karussel-dark h3 small
{
    color: rgba(0,0,0,.3);
}*/

.karussel-img {
    width: 100%;
    overflow: hidden;
}

.coronavirus {
    width: 20px;
    height: 20px;
}