/*
Theme Name: Child-Divi
Version: 1.0
Description: Child Theme of Divi
Template: Divi
*/

a {
	text-decoration: none !important; 
}

a:hover {
	color: #c2707b !important;
	cursor: pointer !important;
}

/*Body-Schrift: Open Sans Regular*/
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

/*Überschriften: Roboto Black*/
h1,h2,h3,h4,h5 {
	font-weight: 600;
}

/*Button: Schrift schwarz*/
.et_pb_button {
	color: black;
	font-weight: 600;
}

/*iOS Styles entfernen*/
input[type=text], input[type=button] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}




/* ------------------------------ BS3 ------------------------------ */
#samera-hook h1,
#samera-hook h2,
#samera-hook h3,
#samera-hook h4,
#samera-hook h5 {
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 600;
}
.samera__sameraBody {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.samera__offerItemWrapper:first-of-type {
    margin-top: 0;
    border-top: inherit !important;
}

.primary-background-color {
    background-color: #975b63 !important;
    color: #fff !important;
}
.samera__offerItemWrapper {
    background: #f0f0f0;
    padding: 30px;
}
.samera__offerItemWrapper:first-of-type {
    margin-top: 10px;
    border-top: inherit;
}


@media all and (min-width: 990px) {
	.tabSwitchRow .tabCol:first-child:before {
		content: "\2013";
		content: url(/wp-content/uploads/2022/07/die-arlbergerin-front.jpg);
	}
	.tabSwitchRow .tabCol:nth-child(2):before {
		content: "\2013";
		content: url(/wp-content/uploads/2019/06/Bild-Au%C3%9Fenansicht-Steinbock-Sommer-1.jpg);
	}
	.tabSwitchRow .tabCol {
		display: inline-block !important;
	}
}

.tabSwitchRow .tabCol:after {
	content: "\2013";
}
.tabSwitchRow .tabCol.active:after {
	content: "\2714";
}

.samera__primaryButton {
    background-color: #FFA500 !important;
}
.samera__primaryButton:hover {
    background-color: #FFA500 !important;
	color: #000 !important;
	opacity: .9 !important;
}
.total {
	font-size: 25px;
}
#promotionCodeInputButton {
	background-color: #975b63 !important;
	border-color: #975b63 !important;
	border-radius: 0 !important;
	color: #fff !important;
}
.samera__secondaryButton {
    color: #000;
}



/* ------------------------------ STORNOBEDINGUNGEN ------------------------------ */
#stornobedingungen {
	padding-bottom: 100px;	
}

#stornobedingungen h2 {
	font-size: 28px;
	font-weight: bold;
}

#stornobedingungen h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#storno-boxen:after {
	position: absolute;
    content: '';
    background-size: contain;
    background-image: url(https://www.dassonnbichl.at/wp-content/uploads/2019/04/kleines-rotes-kaestchen-header-code-verbessert.svg);
    width: 120%;
    left: -10%;
    height: 400px;
    display: block;
    visibility: visible;
    background-repeat: no-repeat;
    top: 70px;
}

#storno-boxen .et_pb_column:nth-of-type(1) {
	padding: 0;
	padding-right: 25px;
}

#storno-boxen .et_pb_column:nth-of-type(2) {
	padding: 0;
	padding-left: 25px;
}

@media screen and (max-width: 980px) {
	#storno-boxen .et_pb_column:nth-of-type(1),
	#storno-boxen .et_pb_column:nth-of-type(2) {
		padding: 0;
		margin-bottom: 25px;
	}
	
	#storno-boxen:after {
		display: none;
	}
	
	#stornobedingungen {
		padding: 20px 0 0;
	}
	
	#stornobedingungen .et_pb_column {
		float: none;
	} 
}

@media screen and (max-width: 550px) {
	#storno-boxen .et_pb_text {
		padding: 25px!important;
	}
}


/* ------------------------------ STORNOBEDINGUNGEN ENDE ------------------------------ */

/* ------------------------------ DEIN ANGEBOT - SEITE ------------------------------ */
#angebot .container {
	padding: 0!important;
}

#angebot h3 {
	font-size: 28px!important;
	font-weight: bold!important;
	margin: 50px 0 30px!important; 
}

#angebot .variantContainer {
	margin: 70px 0!important;
}

#angebot .variantContainer h3 {
	margin: 0!important;
	font-size: 22px!important;
	padding: 20px 30px!important;
}

#angebot .variantItem {
	padding: 0!important;
	margin: 0!important;
}

#angebot h2 {
	font-weight: bold!important;
	font-size: 32px!important;
}

#angebot .bookingContainer .content {
	border-bottom: 1px solid #975C64;
	margin-bottom: 30px;	
	padding-bottom: 42px;
}

#angebot .imageContainer {
	padding-right: 30px;
}
/*
#angebot .imageContainer img {
	width: 75%;
}
*/
#angebot .button {
	padding: 5px 20px;
	border: 1px solid #000;
}

#angebot .buttonGroup {
	width: 100%!important;
	float: none!important;
	margin-top:29px;
}

#angebot .btnBook {
	left: 0!important;
	top: 0!important;
	font-weight: bold;
	margin-top: 20px;
}

#angebot .pricePanel {
	width: 100%!important;
	float: none!important;
	padding-right: 0!important;
	padding-top: 15px;
}

@media screen and (max-width: 767px) {
	#angebot .content h2 {
		margin-top: 20px!important;
	}
	
	#angebot .bookingContainer .content {
		padding-bottom: 12px;
	}
}

@media screen and (max-width: 622px) {
	#angebot .buttonGroup {
		margin-left:0!important;
		margin-top: 29px!important;
	}
}



/* Nach Umbau */


.clearfix {
	clear: both;
}

.variantenToggleContainer {
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

.variantenHeadToggle {
	padding: 20px 40px;
    color: #fff;
	position: relative;
}

.variantenHeadToggle .toggleName {
	float: left;
}

.variantenHeadToggle .toggleName p {
	opacity: 0.8;
	padding-top: 15px;
}

.variantenHeadToggle .toggleName h2 {
	color: #fff;
	font-size: 25px!important;
	margin: 5px 0 20px;
}

.variantenHeadToggle .togglePrice {
	float: right;
	width: 80%;
}

.variantenHeadToggle .togglePrice .pricePanel {
	padding-top: 0!important;
}

.variantenHeadToggle .taxInfo {
	font-size: 14px;
	opacity: 0.7;
}

.variantenToggleContainer .bookingContainer {
	padding: 40px!important;
}

.variantenToggleContainer .btnBook {
	display: inline-block;
}

.contentMoreInformation {
	border-top: 1px solid #975b63;
	margin-top: 40px;
	padding-top: 40px;
}

.contentMoreInformation .moreInformationContainer {
	margin-bottom: 0px!important;
	margin-top: 20px!important;
}


.pauschale span {
	opacity: 0.7;
	font-size: 16px;
}

.pauschale p {
	font-weight: bold;
	font-size: 20px;
	margin: 5px 0 0;
}


@media screen and (max-width:767px) {	
	.variantenHeadToggle .toggleName p {
		padding-top: 0!important;
	}
	
	.variantenHeadToggle .togglePrice {
		float: right;
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.5);
		padding-top: 10px;
    	margin-top: 10px;
	}

	.variantenToggleContainer .imageContainer {
		padding-right: 0!important;
		padding-bottom: 30px;
	}
}


.variantenToggleContainer .bookingContainer .row {
	border-top: 10px solid #ebebeb;
	margin-top: 40px;
	padding-top: 40px;
}

.variantenToggleContainer .bookingContainer .row:nth-of-type(1) {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}


/* ------------------------------ DEIN ANGEBOT - SEITE ENDE ------------------------------ */







/*Position der Telefonnummer im vollbreiten Header auf rechtsbündig ändern*/
	.telefonnummer {
	float: right !important;
}

/***zustätzlicher Buchungsbutton im sek. Menu***md*/
html[lang="de-DE"] .en_US  {
    display: none !important;
}
html[lang="en-US"] .de_DE  {
    display: none !important;
}

html[lang="nl-NL"] .de_DE  {
    display: none !important;
}

html[lang="it-IT"] .de_DE  {
    display: none !important;
}

span#buchung-top {
	margin-left: 55px;
	padding-left: 25px;
	padding-right: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	background-color: #FFA500;
	
}
@media (max-width: 740px){
#top-header {

    height: 65px !important;

	}
	div#et-info {
		line-height: 2em !important;
	}
	span#buchung-top {
		margin-left: 55px;
		}
}

/*Slider Breite des Textes limitiert*/
.et_pb_row_fullwidth .et_pb_text_inner {
    max-width: 1700px !important;
    margin: 0 auto;
}


/*Galleriebilder 5 statt 4 Stück und responsives Verhalten*/
.et_pb_gallery_item {
margin: 0 !important;
width: 20% !important;
clear: none !important;
}
@media only screen and (max-width: 860px) {
	.et_pb_gallery_item {
margin: 0 !important;
width: 33% !important;
clear: none !important;
}
}
@media only screen and (max-width: 560px) {
	.et_pb_gallery_item {
margin: 0 !important;
width: 50% !important;
clear: none !important;
}
}



@media only screen and (min-width: 1024px) {
	.btoogleimg {
		display: block;
		height: 1px !important;
		width: 823px !important;
	}
}

/*Galeriebilder quadratisch machen (ohne die Bilder zu verzerren)*/
/*.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }
*/

.nowrap {
	white-space: nowrap;
}

/*Sidebar Linie in dein-angebot*/
.page .container:before { background-color:transparent !important; }
.page .et_pb_widget_area_right { border-left:0 !important; }
.page .et_pb_widget_area_left { border-right:0 !important; }

/*************Startseite**************/
/*Hintergrundbild des vollbreiten Headers ab bestimmter Breite ausblenden und Hintergrund grau färben*/
@media only screen and (max-width: 980px) {
div.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
	background-image: none !important;
	background-color: #a9a8ae !important;
}
}

/*Weißes Kästchen ab 1746px Höhe größer machen
@media only screen and (max-width: 1746px) {
	div.et_pb_column.et_pb_column_1_4.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough {
		height: 150px !important;
	}
}*/

/*Position des Preis-Stickers von vollbreitem Header*/
#preis-sticker {
	visibility: hidden; /* Sticker verbergen, damit sich Layout nicht verändert und sie später wieder eingefügt werden können */
	position: relative;
	left: 70%;
}

/*Position des Preis-Stickers von vollbreitem Header ab einer Breite von 1573px
@media only screen and (max-width: 1573px) {
	#preis-sticker {
		left: 30%;
	}
}*/

#stoerer {
	visibility: hidden; /* Sticker verbergen, damit sich Layout nicht verändert und sie später wieder eingefügt werden können */
}

/*kleine rote Kästchen und Text der Navi position anpassen
@media only screen and (max-width: 1746px) {
	div.et_pb_row.et_pb_row_4.et_pb_equal_columns.et_pb_gutters2.et_pb_row_fullwidth.et_pb_row_5col {
		margin-top: -2% !important;
	}
	div.et_pb_column.et_pb_column_4_4.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough.et-last-child {
		margin-top: -2% !important;
	}
}*/

/*@media only screen and (max-width: 980px) and (min-width: 478px) {
	div.et_pb_column.et_pb_column_1_5.et_pb_column_9.et_pb_css_mix_blend_mode_passthrough {
		margin-right: 50px !important;
	}
	div.et_pb_column.et_pb_column_1_5.et_pb_column_10.et_pb_css_mix_blend_mode_passthrough {
		margin-right: 50px !important;
	}
}*/

/*@media only screen and (max-width: 1526px) and (min-width: 980px) {
	.rote-kastln {
		font-size: medium !important;
	}
	.rote-kastln {
		padding-top: 5% !important;
	}
@media only screen and (max-width: 772px) and (min-width: 483px) {
	.et_pb_text_3 > div:nth-child(1) > p:nth-child(1) > a:nth-child(1) > span:nth-child(1), .et_pb_text_4 > div:nth-child(1) > p:nth-child(1) > a:nth-child(1) > span:nth-child(1), .et_pb_text_5 > div:nth-child(1) > p:nth-child(1) > a:nth-child(1) > span:nth-child(1) {
		font-size: small !important;
	}
}
}*/
/*Button, Bilder und Text mit grauen Kacheln*/
@media only screen and (max-width: 980px) {
	.et_pb_text_13 h2, .et_pb_text_14 h2, .et_pb_text_15 h2 {
		text-align: center !important;
	}
	.et_pb_button_0_wrapper, .et_pb_button_1_wrapper, .et_pb_button_2_wrapper {
		text-align: center !important;
	}
	a.et_pb_button.et_pb_button_0.et_pb_bg_layout_dark, a.et_pb_button.et_pb_button_1.et_pb_bg_layout_dark, a.et_pb_button.et_pb_button_2.et_pb_bg_layout_dark {
		width: 90% !important;
	}
}

/*Buttons-Rot bei Abwechslung links-rechts-Kacheln Bild zu Text*/
.et_pb_button_0 {
	width: 60% !important;
	text-align: center;
}

.et_pb_button_1 {
	width: 60% !important;
	text-align: center;
}

.et_pb_button_2 {
	width: 60% !important;
	text-align: center;
}

/*Großes Bild mit vielen Kacheln - in Photoshop gemacht- Position ändern, für Sticker*/
#galerie-startseite {
	position: relative;
}

/*Position des Vorteils-Stickers neben großem Bild mit vielen Kacheln*/
#vorteils-sticker {
	position: relative;
	bottom: 250px;
	margin-left: 93%;
}



.regularPrice {
	color: #999;
	font-size: .83em;
	/*text-decoration: line-through;*/
}


/*Margin Top der drei Buttons unter der Bildergalerie
.et_pb_section_6 {
	margin-top: -4% !important;
}*/

/*Aufzählung auf rotem Hintergrund zentrieren ab bestimmter Breite*/
@media only screen and (max-width: 980px) {
	.aufzaehlung-unterkunft-1 {
		text-align: center !important;
	}
	.aufzaehlung-unterkunft-2 {
		text-align: center !important;
	}
}

/*Testimonial-Portrait Größe und Rahmen-Radius*/
.et_pb_testimonial_portrait {
        padding-bottom: 0px;
    width: 150px !important;
    height: 150px !important;
	border-radius: 90px !important;
}

/*Buttons-schwarz-weiß Breite*/
.et_pb_button_3 {
	width: 100% !important;
	text-align: center;
}

.et_pb_button_4 {
	width: 100% !important;
	text-align: center;
}

.et_pb_button_5 {
	width: 100% !important;
	text-align: center;
}

.et_pb_button_6 {
	width: 30% !important;
	text-align: center;
}

.button-jetzt-buchen {
	width: 90% !important;
	text-align: center;
}

.button-zum-ferienhaus {
	width: 100% !important;
	text-align: center;
}

.button-zum-hotel {
	width: 100% !important;
	text-align: center;
}

.button-zur-pension {
	width: 100% !important;
	text-align: center;
}

/********Hotel-Seite****************/


/********Aktivitäten-Seite rund um Hotel****************/

/*Rote Hintergrund-Rahmen der Aktivitäten volle Breite und Höhe*/
.rahmen-um-textboxen div.et_pb_column {
	background-size: 100% 100% !important;
}


/*Schriftzüge Sommer & Winter ab 1694px ausblenden*/
@media only screen and (max-width: 1694px) {
	div#winter-sektion.et_pb_section.et_pb_section_4.et_pb_with_background.et_section_regular {
		background-image: none !important;
	}
	div#sommer-sektion.et_pb_section.et_pb_section_6.et_pb_with_background.et_section_regular {
		background-image: none !important;
	}
}

/********************Hotel Zimmer & Preise Seite*************************/

/*Schriftart und Größe der H2 Überschriften - Zimmer Namen*/
div.col-sm-8.col-xs-7 h2 {
	/*font-family: roboto;*/
	font-weight: bold;
}

/*Padding für die Beschreibung des Zimmers rechts neben dem Bild*/
#zimmer-text {
	padding-left: 50px;
}

/*Bildergröße der Zimmerbilder*/
div.row.categoryItem div.col-sm-4.col-xs-5 a img {
	width: 370px !important;
	margin-bottom: 75px;
	margin-right: 50px;
}

/*Button: "Zu den Details & Fotos"*/
.button {
	border-style: solid;
	border-color: black;
	border-width: 1px;
	text-align: center;
	color: black !important;
	background-color: white;
	font-family: open sans;
	font-size: 16px;
	width: 50%;
	margin-top: 50px;
}

/*Button-Link-Text schwarz färben*/
div.row.categoryItem div.col-sm-8.col-xs-7 div.button a {
	color: black !important;
}

/*****************Samera Booking Engine****************/
/*Zimmer-Detailseiten Überschriften lesbar machen*/
.roomDetail h1, h2, h3, h4, h5, h6 {
	color:#000000 !important;
}

/*Buchungsmaske Samera vor die Navigation legen*/
#samera_overlay {
	z-index: 9999999 !important;
}

/*******Doppelzimmer Klassik*******/

/*H1 Schriftart*/
	div.roomDetail h1 {
	font-weight: bold;
}

/*H2 Schriftart*/
div.roomDetail div.row h2 {
	font-weight: bold !important;
}

/*H3 Schriftart*/
div.roomDetail div.row h3 {
	font-weight: bold !important;
}

/*Zimmer-Bilder Größe anpassen*/
#zimmer-bilder {
	width: 92% !important;
}


/*Graues Text-Fenster mit den Zimmer-Details formatieren
	div#graue-box.col {
		margin-left: 20px;
}*/



/*Button unverbindlich anfragen formatieren*/
a.btn.btn-primary {
	background-color: #fff;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	font-family: open sans !important;
	border-radius: 0px;
	width: 33%;
	text-align: center;
	color: black;
	display:block;
}


/*Button Bestpreis sichern formatieren*/
a#overlay_unique_id_1791.btn.btn-primary,
a.btn.btn-primary {
	background-color: #975b63 !important;
	border: none !important;	
	background-position: center !important;
	font-family: open sans !important;
	border-radius: 0px;
	text-align: center !important;
	display: block;
	color: #ffffff;
}
a#overlay_unique_id_1791.btn.btn-primary {
	width: 100% !important;
}


/*Höhe der grauen Box*/
#graue-box {
	height: 100%;
}

/*Abschnitt ab Ganzjahres Preisübersicht ausblenden ab Tablet-Größe*/
@media only screen and (max-width: 980px) {
#h2-zimmer, #h3-zimmer, #tabelle-zimmer, #zimmer-preisinfo, #zimmer-buttons-weiss {
		display: none;
}
}
/*Maximale Höhe des großen Bildes in der Zimmer-Detailseitenansicht*/
#haupt-bild {
	max-height: 347px;
	width: auto;
}

/*Schriftgröße in Tabelle*/
table.table.table-striped {
	font-size: 14px;
}


/**********************************Footer****************************/
/*Header-Farbe*/
.footer-widget h4 {
	color: #ffffff !important;
}
.textwidget {
	line-height: 1.5em !important;
}
.fwidget {
	width: 100% !important;
	
}
.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
	margin-bottom: 7.539%;
}

#footer-info a {
	font-weight: normal;
}
/*** Responsive Styles ***/
@media all and (max-width: 575px) {
	#main-footer .container {
		padding-left: 10vw;
}		
}

/****************************** MENÜS ******************************/
/************ Secondary Menu *****************/
#top-header {
	height: 35px;
}
	
/* Die Breite des mobilen breakpoint von Divi selber setzen */
@media only screen and ( max-width: 1200px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

/**************** im MHMM-MENÜ - Header 2 Logos vom Umbruch abhalten ************
#prime-menu #zwei-grafiken img{
	margin-top: -20px;
}
.tablet div#prime-menu{
	height: 75px;
	top: -75px;
}
.phone div#prime-menu{
	height: 75px;
	top: -75px;
}
div#erste-seite.tablet div.et_pb_column {
	width: 50%;
}
#center-hamburger a.menu-button {
	float: left;
	top: -25px;
}
#hamburger a.menu-button{
	float: right;
	top: 10px;
}
.phone #hamburger a.menu-button{
	float: none;
	margin: 0 auto;
	top: 90px;
}
***/
/*********** MHMM-Overlay Menu zurechtrücken und stylen ***********
#center-hamburger nav ul, #hamburger nav ul {
	margin-top: 75px;
	padding-left: 25px;
	padding-bottom: 0;
}
#center-hamburger nav ul a, #hamburger nav ul a{
	color: #000;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
}
a.menu-button-close {
	margin-top: 50px;
}
***/


/************************************** Headersektion Korrekturen - insbes. Responsive Design **************************************/

/********************************** Header 2 Logos vom Umbruch abhalten **************************/
/* Container der 2 Logos = Spalte #1 - hat als Hintergrund weiße, schräge Fläche */
div#logos {
	width: 410px;
	margin-bottom: -75px;
}
/* Textmodul mit 2 Logos */
div#zwei-grafiken {
	width: 400px;
	height: 55px;
	background: none;
}
/* 3er Menü mit roten Hubs */
div.rote-hubs {
	
}
.rote-hubs p {	
	padding-top: 18px;
}
@media all and (max-width: 1400px) {
.rote-hubs p {
	font-size: 18px;
}	
}
@media all and (max-width: 1250px) {
.rote-hubs p {	
	padding-top: 20px;
	font-size: 15px;
}
}
@media all and (max-width: 980px) {
div.rote-hubs {
	margin-bottom: 60px;
}
.rote-hubs p {
	font-size: 20px;
}
}
@media all and (max-width: 767px) {
.kopf-sektion h1, h2 {
	font-size: 28px !important;
}	
}
@media all and (min-width: 768px) and (max-width: 980px){
.kopf-sektion .zeile-header + .et_pb_row .et_pb_column {
		height: 0 !important;
}
}
/*** Responsive Styles Phone(groß) bis Tablet - alles mit grauem HG außer Phone(klein) ***/
@media all and (min-width: 480px) and (max-width: 980px){
.kopf-sektion h1, .kopf-sektion h2 {
	padding-left: 15vw;
	padding-right: 15vw;
}
div.rote-hubs {
	margin: 0 auto !important;
	margin-bottom: 60px !important;
}
.rote-hubs div.et_pb_column {
	margin: 0 auto !important;	
	float: none;
}	
}
/*** Responsive Styles zwischen Phone(groß) und Umbruch ***/
@media all and (min-width: 480px) and (max-width: 583px){
.rote-hubs p {
	font-size: 17px;
}
}
/*** Responsive Styles Phone Only ***/
@media all and (max-width: 980px) {
div.rote-hubs div.et_pb_column {
	margin-bottom: 30px !important;
}
}
/********************************** Pauschalangebote - Bootstrap aufhübschen **************************/
.code-angebote div.col-sm-6.item {
	padding: 25px;
	padding-bottom: 0;
	border-bottom: 25px solid #975b63;
	background-color: #fff;
}
.code-angebote div.row div.col-sm-6.item:first-child {
	border-right: 25px solid #975b63;
}
.code-angebote div.col-sm-6 a img {
	float: left;
	width: 100%;
}
/*** Responsive Styles 992px And Below ***/
@media all and (max-width: 992px) {
.code-angebote div.col-sm-6 a img {
	padding-bottom: 25px;
}
}
/*** Responsive Styles ***/
@media all and (max-width: 575px) {
.code-angebote div.row div.col-sm-6.item:first-child {
	border-right: 0px solid #975b63;
}
}
.code-angebote div.col-sm-6 p, .samera div.col-sm-6 h3 {
	margin-bottom: 0;
	padding-bottom: 5px;
}
.code-angebote div.col-sm-6 h3 {
	font-size: 18px;
	font-weight: 600;
 	padding-bottom: 10px;
}
.code-angebote div.col-sm-6 h3 a {
	line-height: 1em;
}
.code-angebote div.col-sm-6 a.btn-buchen-samera {
	display: block;
	color: #000 !important;
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px 15px;
	text-align: center;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 30px;
}
.code-angebote div.col-sm-6 a.btn-buchen-samera:hover {
	color: #fff !important;
	background-color: #975b63; 	
	border: 1px solid #fff;
}
.code-angebote h1 {
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-size: 30px;
}
.alle-angebote h1:first-child {
	margin-top: 60px;
}
.alle-angebote h1 {
	color: #fff !important;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 30px;
}
.weisser-hg div.row div.col-sm-6.item {
	border: none !important;
}
/*********************** Preisübersicht Zimmer *******************************/
#zimmer-text {
	margin-bottom: 50px;
}
#zimmer-text .button {
	width: 100%;
	max-width: 400px;
	margin-top: 25px;
}
/* Hubelemente - Tradition & Komfort */
.zimmerarten .et_pb_column {
	color: #fff !important;
	padding: 50px 60px 60px 60px;
}
.zimmerarten h5 {
	color: #fff !important;
	font-size: 25px;
	font-weight: 600;
}
.zimmerarten .et_pb_button {
	margin-top: 30px;
}
/*********************** Zimmerseiten *******************************/
.kleine-bilder img {
	padding-bottom: 5px;
}
img#haupt-bild {
	margin-bottom: -20px;
}

/*************** Warenkorb (Hotel:1920 + Pension:5662) + Online Buchung (Hotel:2029 + Pension:?) + Anfrage (Hotel:1899 + Pension:?) ******************************/
article#post-8453 h1, article#post-1920 h1, article#post-5662 h1, article#post-2029 h1, article#post-1899 h1 {
	color: #000 !important;
	margin-top: -50px;
}
article#post-8453 td.description, article#post-1920 td.description, article#post-5662 td.description, article#post-2029 td.description, article#post-1899 td.description,
article#post-8453 td.text-right, article#post-1920 td.text-right, article#post-5662 td.text-right, article#post-2029 td.text-right, article#post-1899 td.text-right {
	padding-top: 25px;
}	
article#post-8453 td.description img, article#post-1920 td.description img, article#post-5662 td.description img, article#post-2029 td.description img, article#post-1899 td.description img {
	padding-bottom: 25px;
}
article#post-8477 td.description ul, article#post-8453 td.description ul, article#post-1920 td.description ul, article#post-5662 td.description ul, article#post-2029 td.description ul, article#post-1899 td.description ul,
article#post-8477 td.description p, article#post-1920 td.description p, article#post-5662 td.description p, article#post-2029 td.description p, article#post-1899 td.description p {
	padding-bottom: 0;
}
article#post-8477 a.btn.btn-primary, article#post-8453 a.btn.btn-primary, article#post-1920 a.btn.btn-primary, article#post-5662 a.btn.btn-primary {
	background: #975b63;
	border-color: #975b63;
	color: #fff;
	float: left;
	margin: 0 0 50px 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;			
}
article#post-8453 a:hover.btn.btn-primary,
article#post-1920 a:hover.btn.btn-primary,
article#post-5662 a:hover.btn.btn-primary,
article#post-8477 a:hover.btn.btn-primary {
	background: #c2707b;
	border-color: #c2707b;
	color: #fff !important;
}
article#post-8453 p.sbb-btn,
article#post-1920 p.sbb-btn,
article#post-5662 p.sbb-btn,
article#post-8477 p.sbb-btn {
	display: block;
	float: left;
	margin: 20px 2% 0 0;
	width: 32%;
}
article#post-8477 p.sbb-btn:last-child,
article#post-1920 p.sbb-btn:last-child,
article#post-8453 p.sbb-btn:last-child,
article#post-5662 p.sbb-btn:last-child {
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	article#post-8477 p.sbb-btn,
	article#post-1920 p.sbb-btn,
	article#post-8453 p.sbb-btn,	
	article#post-5662 p.sbb-btn {
		margin-right: 0;
		width: 100%;
	}
}
article#post-8477 h3, article#post-1920 h3,  article#post-8453 h3, article#post-5662 h3, article#post-2029 h3, article#post-1899 h3 {
	font-size: 20px;
	font-weight: 600;
	margin-top: 15px;
}
article#post-8477 b, article#post-8453 b, article#post-1920 b, article#post-5662 b {
	font-size: 25px;
	font-weight: 400;
}
article#post-8477 p, article#post-8453 p, article#post-1920 p, article#post-5662 p {
	margin-right: 20px;
}
/* Zusatzleistungen */
.additionalServiceContainer p, article#post-5662 .additionalServiceContainer p {
	max-width: 220px;
}
.additionalServiceContainer b, article#post-5662 .additionalServiceContainer b {
	display: block;
	width: 100%;
	font-size: 18px;
	padding-bottom: 10px; 
}
.additionalServiceContainer div.row, article#post-5662 .additionalServiceContainer div.row {
	margin-bottom: 20px;	
}
.additionalServiceContainer .btn-hinzu a, article#post-8477 .additionalServiceContainer .btn-hinzu a, article#post-8453 .additionalServiceContainer .btn-hinzu a, article#post-1920 .additionalServiceContainer .btn-hinzu a, article#post-5662 .additionalServiceContainer .btn-hinzu a {
	margin-right: 20px;
	background-color: #975b63;
	color: #fff;
	padding: 2px 10px;
}

/*** Responsive Styles Phone and Below ***/
@media all and (max-width: 767px) {
article#post-8477 td.description p, article#post-8453 td.description p, article#post-1920 td.description p, article#post-5662 td.description p,
article#post-8477 td.description li, article#post-8453 td.description li, article#post-1920 td.description li, article#post-5662 td.description li {
	width: 70vw;
	margin-right: -50vw;
}
article#post-8477 a.btn.btn-primary, article#post-8453 a.btn.btn-primary, article#post-1920 a.btn.btn-primary, article#post-5662 a.btn.btn-primary {
	float: none;	
	margin: 25px 25px 25px 0;
	width: 100%;
}
.additionalServiceContainer img {
	padding-top: 25px;
}
.additionalServiceContainer img:first-child {
	padding-top: 0px;
}
}
/********************************** Online Buchung - Bestellvorgang ******************************************/	
.form-group {
	float: left;
	width: 100%;
}
#booking input[type=text] {
    width: 100%;
}
.half-size {
	float: left;
    width: 45%;
}
.form-group > .half-size:last-child {
    float: right;
}
@media all and (max-width: 980px) {
	.half-size {
		width: 100%;
	}
	.form-group > .half-size:last-child {
		float: left;
	}	
}
/*Fehlermeldung*/
#globalErrorsContainer {
	border: none;
	color: #721c24;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}
#globalErrorsContainer li {
	background-color: #f8d7da;	
	margin: 0;
	padding: 4px 20px;
	list-style: none;
}
/*Fortschritt*/
ul.pipeline {
	margin-left: 0;
    padding-left: 0;
}
.pipeline li {
    display: block;
    width: 33.33%;
    line-height: 38px;
    float: left;
    position: relative;
    overflow: hidden;
    padding-left: 0;
}
.pipeline li span {
    display: block;
    background: #975b63;
    vertical-align: middle;
    height: 40px;
    margin-right: 15px;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
}
.pipeline li span a {
    color: #fff !important;
}
.pipeline li.active span {
    background: #975b63;
    color: #fff;
	font-weight: 700;
}
.pipeline li.active::after,
.pipeline li::after {
    border-color: transparent transparent transparent #975b63;
}
.pipeline li::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 15px;
}



/************************ BLOG *********************************************/
#main-header {
	font-family: 'OpenSans',sans-serif !important;
}
#main-area {
	font-family: 'OpenSans',sans-serif !important;
}
#main-area p {
	font-size: 14px !important;
}
#main-content h1 {
	color: #000;
}
#main-area .container {
    padding-top: 58px;
    max-width: 1080px;
}
#sidebar div {
	font-size: 14px;
}
#sidebar h4 {
	font-size: 18px;
}
p.form-submit .et_pb_button {
	font-size: 15px !important;
}
/****************************** Button Newsletter **********************************/
a.btn-nwsltr {
	display: block;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	background-color: #975b63;
}

ul.einzug-liste {
	margin-left: 30px;
	margin-bottom: 15px;
}
/****************************** Seite DEIN ANGEBOT (HOTEL DE #post-6683; HOTEL EN #8402; PENSION DE #11139; PENSION EN #11150) **********************************/
#post-6683 .samera h3,
#post-11139 .samera h3,
#post-11150 .samera h3,
#post-8402 .samera h3 {
	font-size: 20px;
}
#post-6683 .samera h3.headlineContainer,
#post-11139 .samera h3.headlineContainer,
#post-11150 .samera h3.headlineContainer,
#post-8402 .samera h3.headlineContainer {
	font-size: 27px;
	margin-bottom: 15px;
}
#post-6683 .samera p,
#post-11139 .samera p,
#post-11150 .samera p,
#post-8402 .samera p {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.7em;
}
#post-6683 .container,
#post-11139 .container,
#post-11150 .container,
#post-8402 .container {
	padding-top: 0;
	padding-bottom: 25px;
}
#post-6683 h3.headlineContainer::after,
#post-11139 h3.headlineContainer::after {
	content: ", vielen Dank für Ihr Interesse!" !important;
}
#post-11150 h3.headlineContainer::after,
#post-8402 h3.headlineContainer::after {
	content: ", thank you very much for your interest!" !important;
}
#post-11150 .et_pb_column_0,
#post-8402 .et_pb_column_0 {
    background: none;
}
#post-6683 .variantContainer,
#post-11139 .variantContainer,
#post-11150 .variantContainer,
#post-8402 .variantContainer {
	margin-top: 25px;
}
#post-6683 .variantItem,
#post-11139 .variantItem,
#post-11150 .variantItem,
#post-8402 .variantItem {
	padding: 20px 0px 10px 0px;
	margin-bottom: 25px;
	background-color: #975b63;
}
#post-6683 .variantItem h3,
#post-11139 .variantItem h3,
#post-11150 .variantItem h3,
#post-8402 .variantItem h3 {
	color: #fff !important;
	margin-left: 30px;
}
#post-6683 .bookingContainer,
#post-11139 .bookingContainer,
#post-11150 .bookingContainer,
#post-8402 .bookingContainer {
	background-color: #fff;
	color: #000;
	padding-top: 30px;
	padding-bottom: 80px;
}
#post-6683 .bookingContainer h3,
#post-11139 .bookingContainer h3,
#post-11150 .bookingContainer h3,
#post-8402 .bookingContainer h3 {
	color: #000 !important;
	margin-left: 30px;
}
#post-6683 table,
#post-11139 table,
#post-11150 table,
#post-8402 table {
	border: 1px solid #975b63;
}
#post-6683 .bookingContainer .table td, #post-6683 .bookingContainer .table th,
#post-11139 .bookingContainer .table td, #post-11139 .bookingContainer .table th,
#post-11150 .bookingContainer .table td, #post-11150 .bookingContainer .table th,
#post-8402 .bookingContainer .table td, #post-8402 .bookingContainer .table th {
	border-top: 0;
}
#post-6683 td.content,
#post-11139 td.content,
#post-11150 td.content,
#post-8402 td.content {
	padding-left: 30px;
}
#post-6683 td.text-right,
#post-11139 td.text-right,
#post-11150 td.text-right,
#post-8402 td.text-right {
	float: right;
}
#post-6683 h4,
#post-11139 h4,
#post-11150 h4,
#post-8402 h4 {
	font-size: 17px;
	margin-top: 3px;
}
#post-6683 .bookingContainer .pricePanelMobile div:first-child,
#post-11139 .bookingContainer .pricePanelMobile div:first-child,
#post-11150 .bookingContainer .pricePanelMobile div:first-child,
#post-8402 .bookingContainer .pricePanelMobile div:first-child {
	margin-right: 5px;
}
#post-6683 .pricePanel,
#post-11139 .pricePanel,
#post-11150 .pricePanel,
#post-8402 .pricePanel {
	width: 50%;
	float: right;
	padding-right: 30px;
}
#post-6683 .buttonGroup,
#post-11139 .buttonGroup,
#post-11150 .buttonGroup,
#post-8402 .buttonGroup {
	float: left; 
	margin-right: 10px;
	margin-bottom: 20px;
}

#post-6683 .toggleMoreInformation,
#post-11139 .toggleMoreInformation,
#post-11150 .toggleMoreInformation,
#post-8402 .toggleMoreInformation {
	padding: 5px 20px; 
}


#post-6683 .moreInformationContainer,
#post-11139 .moreInformationContainer,
#post-11150 .moreInformationContainer,
#post-8402 .moreInformationContainer {
	margin-bottom: 30px; 
}



/*** Responsive Styles Phone And Below ***/
@media all and (max-width: 622px) {
	#post-6683 .bookingContainer,
	#post-11139 .bookingContainer,
	#post-11150 .bookingContainer,
	#post-8402 .bookingContainer {
		padding-bottom: 130px;
	}
	#post-6683 .pricePanel,
	#post-11139 .pricePanel,
	#post-11150 .pricePanel,
	#post-8402 .pricePanel {
		width: 100%;
		float: right;
	}
	#post-6683 .buttonGroup,
	#post-11139 .buttonGroup,
	#post-11150 .buttonGroup {
		width: 100%;
		float: left; 
		margin-top: 10px;
		min-width: 207px;
		margin-left: -10px;
	}
	
	#post-8402 .buttonGroup {
		margin-bottom: 0;
	}
	
	#post-8402 .moreInformationContainer {
		margin-top: 10px;
	}
}
#post-6683 a.btnBook,
#post-11139 a.btnBook,
#post-11150 a.btnBook,
#post-8402 a.btnBook {
	background-color: #975b63;
	color: #fff;
	padding: 5px 20px;
}
#post-6683 .commentContainer p,
#post-11139 .commentContainer p,
#post-11150 .commentContainer p,
#post-8402 .commentContainer p {
	margin-bottom: 20px;
}
#post-6683 .commentContainer #message,
#post-11139 .commentContainer #message,
#post-11150 .commentContainer #message,
#post-8402 .commentContainer #message {
	border: 1px solid #975b63;
}
#post-6683 .btnContainer a,
#post-11139 .btnContainer a,
#post-11150 .btnContainer a,
#post-8402 .btnContainer a {
	position: relative;
	top: 25px;
	background-color: #975b63;
	color: #fff !important;
	padding: 5px 20px;
	float: right;
}

/******************************* CHAT ************************************/
#samera_chatContainer {
	
}
#samera_chatTitle {
	/* background-color: #975b63 !important;
	width: 214px;
	color: #fff; */
}
/*********************** BLOOM Newsletter Formular **************************/
.et_bloom .et_bloom_header_text_light p{
	color: rgba(255,255,255,1) !important; /* greift nicht!!! - wurde daher direkt im Bloom Textfeld als CSS-Style eingebunden */
}
.et_bloom_form_container h2 {
	margin: 25px 0 !important;
}
.et_bloom_form_container p {
	font-size: 16px !important;
}
.et_bloom_form_container p strong {
	font-weight: 700 !important;
}
/*********************** GUTSCHEINE **************************/
form#voucherForm {
	background-color: #975b63;
	padding: 40px;
}
form#voucherForm fieldset {
	background: #fff;
	padding: 40px;
	margin-bottom: 40px;
}
form#voucherForm legend {
	padding-top: 50px;
	text-align: center;
	background: #fff;
	color: #975b63;
	font-size: 30px;
	text-transform: uppercase;
}
form#voucherForm .form-group {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#voucherForm .half-size {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
#voucherForm .control-label {
	margin-left: 5px;
}
#voucherForm .form-control {
	padding: .375rem .75rem;
}
#voucherForm .voucher-group {
	width: 80%;
	margin: 0 auto;
}
#voucherForm .voucher-group div {
	margin: 10px !important;
}
#voucherForm label.vorlagen {
	text-align: center;
	margin-top: 20px;
}
form#voucherForm a.btn-default {
	float: left;
	background-color: #ebb5c2;
	color: #000;
	border-radius: 0;
}
form#voucherForm a.btn-primary {
	margin: 0 auto;
}
/*** Responsive Styles 900px and Below ***/
@media all and (max-width: 900px) {
	form#voucherForm a.btn-default {
		float: none;
		margin: 15px auto 30px auto !important;
	}
	form#voucherForm .text-right {
		text-align: center !important;
	}
	form#voucherForm a.btn-primary {
		clear: left;
		width: 100%;
	}
	ul.pipeline {
	    font-size: 12px;
	}
	.entry-content tr td {
	    padding: 6px 14px;
	}
	.entry-content thead th, .entry-content tr th {
	    padding: 9px 14px;
	}
	.nowrap {
	    white-space: normal;
	}	
	#promotionCodeInputButton {
		background: #ddd;
	}
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	form#voucherForm {
		padding: 15px;
	}
 	form#voucherForm fieldset {
		background: #fff;
		padding: 0 0 15px 0;
	}
	form#voucherForm .et_pb_row {
		margin: 0 !important;
	}
	form#voucherForm legend {
		padding-top: 15px;
		font-size: 25px;
		text-transform: none;
	}
	form#voucherForm fieldset {
		margin-bottom: 15px;
	}	
	
	#promotionCodeInput {
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
}
/*** Responsive Styles 570px and Below ***/
@media all and (max-width: 570px) {
	#voucherForm .half-size {
		width: 100%;
	}
}

/***Silvester-Menü Rosa Rand*** SN*/
.silvester-rand {
	border-style: solid !important;
	border-width: 1px;
	border-color: #975b63;
	padding-top: 10px;
	margin-bottom: 10px;
}

/***Rosa Kasten für Blogbeitrag*** SN*/
.rosa-box {
	background-color: #975b63 !important;
	color: #fff;
	padding: 20px 20px 10px 20px;
	margin-bottom: 10px;
}

/***Weißer Kasten für Blogbeitrag*** SN*/
.weisse-box {
	background-color: #fff !important;
	color: #975b63 !important;
	padding: 20px 20px 10px 20px;
	margin-bottom: 10px;
	border-style: solid !important;
	border-width: 1px;
	border-color: #975b63;
}

/***Button im Blogbeitrag *** SN*/
.butn-blog {
	width: 100% !important;
	text-align: center !important;
	color: #fff !important;
	background-color: #975b63 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	display: block !important;
	margin-top: 20px;
	margin-bottom: 20px;
}


/***** Toogle Icon ändern ***** NS*/
/* Icon - geschlossen */
.sommerfest-toogle .et_pb_toggle_title:before {
	content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
 top: 0px !important;
	bottom:20px !important;
}
.sommerfest-toogle .et_pb_toggle_open .et_pb_toggle_title:before {
    content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
 top: 0px !important;
	bottom:20px !important;
}
/*** Toogle Responsive für Sommerfest-Seite***SN*/
@media all and (max-width: 848px) {
.sommerfest-toogle .et_pb_toggle_title:before {
	content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
	top: 35px !important;
	left: -7px !important;
	height: 45px!important;
	z-index: 999 !important;
	}
	.sommerfest-toogle .et_pb_toggle_open .et_pb_toggle_title:before {
	content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
	top: 35px !important;
	left: -7px !important;

	}
}
@media all and (max-width: 578px) {
.sommerfest-toogle .et_pb_toggle_title:before {
	content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
	top: 50px !important;
	left: -7px !important;
	height: 45px!important;
	z-index: 999 !important;
	}
	.sommerfest-toogle .et_pb_toggle_open .et_pb_toggle_title:before {
	content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
	top: 50px !important;
	left: -7px !important;

	}
}
@media all and (max-width: 380px) {
.sommerfest-toogle .et_pb_toggle_title:before {
	content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
	top: 75px !important;
	left: -7px !important;
	height: 45px!important;
	z-index: 999 !important;
	}
	.sommerfest-toogle .et_pb_toggle_open .et_pb_toggle_title:before {
	content: url("https://www.dassonnbichl.at/wp-content/uploads/2020/07/button.png") !important;
	top: 75px !important;
	left: -7px !important;

	}
}
/*** Button für Blog ***SN*/
.btn-blog {
	font-size: 15px !important;
	color: #fff !important;
	background: #975b63 !important;
	padding: 10px 20px 10px 20px !important;
	text-decoration: none !important;
	display: block !important;
	text-align: center !important;
}
.tab-pane.fade.delivery-settings-wrapper.active.show{
	opacity: 1;
}