/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Jelena Garbotz Grafikdesign
 Author URI:     http://www.jelenagarbotz.de
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");


/* FONTS ------------------------------------------------------- */

/* noto-serif-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/noto-serif-v22-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  

/* FONT STYLES ------------------------------------------------------- */

/* Farbe Selected Text */
::selection {
    color: #000; 
    background: #dcdfe1;
}
::-moz-selection { /* Firefox */
    color: #000;
    background: #dcdfe1;
}

p {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 400;
    font-size: 125%;
    line-height: 1.5;
}

/*a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}*/

h1 {
    font-family: 'Noto Serif',Georgia,"Times New Roman",serif;
    font-weight: 800;
    line-height: 1.3;
	text-align: center;
    color: #d50909;
	padding-top: 30px;
}

h2 {
    font-family: 'Noto Serif',Georgia,"Times New Roman",serif;
    font-weight: 800;
    font-size: 145%;
	line-height: 1.4;
	text-align: center;
    color: #d50909;
}

h3 {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 400;
    font-size: 135%;
	line-height: 1.4;
    color: #2e4e89;
    margin: 0px 0px 15px 0px;
}

h4 {
	line-height: 1.4;
}

.sup-text { 
    vertical-align: super;
    font-size: smaller;
    line-height: 0;
}

.introtext {
	font-size: 125%;
    line-height: 1.4;
    text-align: center !important;
    color: #666666;
}

.contentbox {
    background-color: #eaedf3;
    padding: 20px 20px 20px 20px;
}

/* Style für die Blurb-Variante */
 /* funktioniert nicht */
/*.box-rooms {
    background-color: #eaedf3;
    padding: 20px 20px 20px 20px;
	margin-bottom: 20px !important;
}*/

/* Styles für die blau hinterlegten Boxen bei "Zimmer und Ausstattung" */

.bg-blue { 
    background-color: #eaedf3;
    padding: 20px 20px 0px 20px;
	margin-bottom: 0px !important;
}
.bg-blue h3 {
	margin: 0;
	padding-bottom: 0 !important;
}
.bg-blue-bottom {
    background-color: #eaedf3;
    padding: 20px 20px 20px 20px;
	margin-bottom: 30px !important; /* funktioniert nicht: Doch, habe mal 60 genommen */
}

/* Kein Abstand vor dem folgenden Element */
.no-bottom {
    margin-bottom: 0 !important;
}

/* Blurb Icons */
.blurb-icons .et_pb_main_blurb_image {
    max-width: 120px;
}


.absatzlinien p {
    border-top: 1px dotted #bfbfbf;
    padding-top: 6px;
    padding-bottom: 6px;
	line-height: 1.5;
}

/* Größe der Pfeile beim Slider */
.et-pb-arrow-next,
.et-pb-arrow-prev
 {
    font-size: 80px;
}


/* ---------  G R U N D L E G E N D E S   D E S I G N  --------- */


/* Hide Main and Secondary Navigation */

#secondary-menu { display:none; }
#main-header { display:none; }
#page-container {
	padding-top:0px !important;
	margin-top:-1px !important
}
#top-header {
	display: none;
}
/* Adjust padding for transparent headers */
.et_transparent_nav #main-content .container {
	padding-top: 58px !important;
}


/* Linie unter Navigation raus */

#main-header {
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}

/* Footer zentrieren */

#footer-bottom .container {
  text-align:center;
}

#footer-info {
	margin: auto;
	text-align:center;
	float:none;
}


/* ---------  A N P A S S U N G E N   M O D U L E  --------- */


/* Hintergrundfarbe bei Slider weg */
.et_pb_slider .et_pb_slide_0 {
    background-color: #fff !important;
}

/* Slider im Headerbereich */

/* Höhe einstellen */
/* https://divibooster.com/changing-the-height-of-the-divi-slider */

/* Desktop */
.slider-header .et_pb_slide .et_pb_container {
	height: auto !important;
	min-height: 780px !important;
}
/* Tablet */
@media only screen and (min-width: 900px) and (max-width: 1600px) { /* orig. min. 768, max. 980px */
	.slider-header .et_pb_slide .et_pb_container {
		height: auto !important;
		min-height: 520px !important;
	}
}
/* Phone */
@media only screen and (max-width: 899px) {
	.slider-header .et_pb_slide .et_pb_container {
		height: auto !important;
		min-height: 240px !important;
	}
}
/* Handle padding */
/*.slider-header .et_pb_slide {
	padding-bottom: 0px !important;
}
.slider-header div.et_pb_slide_description, 
.slider-header .et_pb_slider_fullwidth_off div.et_pb_slide_description {
	padding-top: 1%;
	padding-bottom: 1%;
}*/

/* Bildergalerie Umgebung: kein Rand bei Hover */
/*.landscape .et_overlay {
	border: none;
}*/

/* Scroll-Buttons: Größe und Abstand nach unten */
.scroll-button .et-pb-icon {
	font-size: 66px;
}
.et_pb_row_0 .scroll-button {
	margin-top: 50px;
}
.scroll-button .et_pb_main_blurb_image {
	margin-bottom: 0px;
}
.scroll-button {
	margin-bottom: 30px !important;
}

/* Buchungsanfrage/Kontaktmodul: alle Texte weiß */
#Buchungsanfrage .introtext a:link {
   color: white;
}
#Buchungsanfrage label {
   color: #fff;
}
#Buchungsanfrage .et_pb_contact_captcha_question,
#Buchungsanfrage .et_pb_contact_right {
    color: #fff;
}
#Buchungsanfrage .et-pb-contact-message {
    font-size: 125%;
    line-height: 1.5;
    text-align: center;
    color: white;
}

/* Kontaktformular Fehlermeldung: Beschreibung ohne Bulletpoints */
#Buchungsanfrage ul,
.et-pb-contact-message li  {
    list-style-type: none !important;
}
.et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio label, .et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio_title, .et_pb_contact .et_pb_contact_form p.et_contact_error input[type="checkbox"] + label {
    color: #d50909 !important;
}

/* Seiten Impressum und Datenschutz: Back-Button linksbuendig ohne den Abstand */
.page-id-1387 #page-container .et_pb_button_0,
.page-id-230 #page-container .et_pb_button_0 {
	padding-left: 22px !important;
}


/* ---------  4 0 4   E R R O R   P A G E   E T C  --------- */


/* 404 Seite Überschrift und Überschrift News Einzelseite */
.error404  h1 {
    text-align: center;
}

/* Text zentrieren */
.error404 p  {
	text-align: center;
}

.et_pb_post h1 {
    text-align: center !important;
}

/* 404 Seite und News Einzelseite ohne senkrechte Sidebar Linie */
.error404 #main-content .container::before,
.single-post #main-content .container::before {
    width:0;
}

/* Image Slider "3 Schlafzimmer": Platzierung der Bilder ------------------------------------------------------- */
.my_uncrop_slider.et_pb_slider .et_pb_slide_image {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto;
    position: relative !important;
    display: block !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_container {
    max-width: 100% !important;
    width: 100% !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_slide_image img {
    max-height: none !important;
    width: 100% !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_slide {
    padding: 0 !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_slide_with_image .et_pb_slide_description {
    position: absolute !important;
    width: 100% !important;
    padding: 5% !important;
    float: none !important;
    bottom: 0 !important;
    text-align: left;
}
.my_uncrop_slider.et_pb_slider .et-pb-active-slide .et_pb_slide_image {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}
/* SD dazu */
.my_uncrop_slider .et_pb_container[style] {
	height: auto !important;
}
.my_uncrop_slider .et_pb_module .et_pb_slider {
	min-height: unset !important;
}

.my_uncrop_slider.et_pb_slider,
.my_uncrop_slider .et_pb_slide
{
		min-height: unset !important;
}