@font-face {
font-family: 'Tangerine';
src: url(//rheingauer-musik-und-ferienhaus.de/wp-content/themes/divi-child-RR/assets/fonts/Tangerine-Regular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Tangerine Bold';
src: url(//rheingauer-musik-und-ferienhaus.de/wp-content/themes/divi-child-RR/assets/fonts/Tangerine-Bold.ttf);
font-weight: 700;
font-style: normal;
}
body {
font-size: 13px;
line-height: 1.4;
font-weight: 400;
font-family: Verdana, helvetica, arial, sans-serif;
color: #575757;
}
h1,
h2,
h3,
h4,
h5,
h6,
.widget-title {
padding: 0;
margin: 30px 0 10px 0;
color:#B94B30;
font-size:1.2em;
font-weight:700;
font-style:italic
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.widget-title {
margin-top: 0;
}
h1,
h2 {
font-size: 1.2em;
}
p:not(.has-background):last-of-type {
padding-bottom: 1em;
}
body.et_boxed_layout {
background:#f8f8f8;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
} body.et_boxed_layout #page-container {
max-width:1120px !important;
box-shadow:none;
background:#fff;
}
body.et_boxed_layout #page-container .container {
width:100%;
} .top-widgets,
#main-footer {
background: rgba(0, 0, 0, 0.85);
background: #686966;
background: linear-gradient(180deg,rgba(104, 105, 102, 1) 2%, rgba(28, 33, 20, 1) 30%, rgba(14, 20, 5, 1) 81%, rgba(74, 77, 73, 1) 100%);
}
.top-widgets {
padding: 5px;
color:#fff;
}
.top-widgets  .container,
.top-widgets  .container  .widget_polylang ul {
display:flex;
justify-content:flex-end;
flex-direction:row
}
.top-widgets  .container  .widget_polylang ul li{
margin: 2px 0 2px 5px
}
.et_header_style_left .logo_container {position:static}
#main-header > .container{
display:grid;
grid-template-areas:
'logo logo menu menu menu menu'
'main main main main main main';
}
#main-header .logo_container {
grid-area: logo;
text-align:center;
}
#main-header .logo_container  span.logo_helper {
height:0;
}
#main-header .logo_container #logo {
max-height:100%;
max-width:100%;
}
#main-header #et-top-navigation {
grid-area: menu;
}
#main-header .image_slider {
grid-area: main;
}
#main-header .image_slider  img {
display:block;
margin:0;
}
#top-header > .container, 
#main-header > .container {
border:none;
}
#left-area,
#sidebar {
float: none;
}
#main-footer,
#footer-bottom {
font-size: 13px;
}
#top-header,
#main-header,
#main-content {
background: transparent;
}
#top-header.et-fixed-header .container,
#main-header.et-fixed-header .container,
#main-content.et-fixed-header .container {
background: #ffffff;
width: 100%;
padding-left: 10px;
padding-right: 10px;
max-width: 100%;
}
#main-header,
#top-header {
font-size: 13px;
font-weight: 300;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#main-header > .container,
#top-header > .container {
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
} body:not(.et-tb) #main-content .container, 
body:not(.et-tb-has-header) #main-content .container {
padding-top:0 !important
}
body:not(.et-tb) #main-content .container #left-area article , 
body:not(.et-tb-has-header) #main-content .container #left-area article {
padding-top:50px !important
}
body:not(.et-tb) #main-content .container #left-area article .main_title, 
body:not(.et-tb-has-header) #main-content .container #left-area article .main_title {
font-size:2em;
}
#main-content .container::before {
display:none !important;
}
#main-content .entry-content {
padding:30px 15px;
border:2px solid #fff;
border-radius:10px;
background:#fafafa;
box-shadow:0 0 4px rgba(0,0,0,.4);
margin: 20px 0;
}
#main-content .et_pb_section {
background:transparent;
padding:0;
}
#main-content .et_pb_section .et_pb_row  {
padding:0;
width:100%;
max-width:100%;
} 
#main-content .et_pb_all_tabs {
background:transparent;
border:none;
padding:0;
}
#main-content .et_pb_tabs {
background:transparent;
border:none;
}
#main-content .et_pb_tab {
padding: 40px 0 20px 0;
background:transparent
}
#main-content ul.et_pb_tabs_controls {
background: #E79855;
background: linear-gradient(180deg, rgba(231, 152, 85, 1) 0%, rgba(185, 75, 48, 1) 31%, rgba(185, 75, 48, 1) 87%, rgba(231, 152, 85, 1) 99%);
border:2px solid #eee;
border-radius:10px;
text-align:center;
display:flex;
flex-wrap:wrap;
justify-content:center;
}
#main-content .et_pb_tabs_controls li,
#main-content .et_pb_tabs_controls li.et_pb_tab_active,
#main-content .et_pb_tabs_controls li a,
#main-content .et_pb_tabs_controls li.et_pb_tab_active a {
float:none;
background:transparent;
border:none;
display:block;
color:#fff !important;
font-weight:inherit;
}
#main-content .et_pb_tabs_controls li a {
padding: 5px 2px
}
#main-content .et_pb_tabs_controls li a:hover,
#main-content .et_pb_tabs_controls li.et_pb_tab_active a {
text-decoration:underline;
} 
#main-content .et_pb_tab h2,
#main-content .et_pb_tab h3,
#main-content .et_pb_tab h4,
#main-content .et_pb_tab h5,
#main-content .et_pb_tab h6{
color:#B94B30;
font-size:1.2em;
font-weight:700;
font-style:italic
} #et-main-area #main-content #sidebar{
padding: 20px;
background-color:#70aad8;
color:#fff;
}
#sidebar li {
margin-bottom:0;
}
#sidebar li:before {
content:'\e033';
font-family:ETmodules!important;
speak: none;
font-size:.25em;
font-style: normal;
font-weight: 400;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position:relative;
top:-5px;
display:inline-block;
margin-right:5px;
} #main-footer #footer-bottom {
background: transparent;
}
#main-footer #footer-bottom .container {
padding: 10px;
color: #cccccc;
font-weight: 400;
text-align: center;
}
#et-footer-nav {
background: transparent;
}
#et-footer-nav a {
color: #cccccc;
font-weight: 400;
}
#et-footer-nav #footer-info {
color: #cccccc;
padding: 0;
float: none;
text-align: center;
margin-bottom: 10px;
}
#et-footer-nav .bottom-nav {
padding: 0;
float: none;
margin-bottom: 10px;
}
#et-footer-nav .bottom-nav li {
padding: 0 5px;
}
#et-footer-nav .bottom-nav li:before {
content: ' . ';
}
#et-footer-nav .bottom-nav li:first-child:before {
content: '';
}
#et-footer-nav .et-social-icons {
float: none;
}
#et-footer-nav .et-social-icons a {
color: #000000;
} .et_pb_widget,
.footer-widget {
float: none;
width: 100%;
}  .gform_body * {
font-size:1em !important;
}
@media only screen and (min-width: 600px) {
#main-content .gform-theme--foundation .gfield.half {
grid-column: span 6;
}
#main-content .gform-theme--foundation .gfield.third {
grid-column: span 4;
}
#main-content .gform-theme--foundation .gfield.quarter {
grid-column: span 3;
}
}
@media only screen and (min-width: 981px) {
#main-header > .container{
display:grid;
grid-template-areas:
'logo logo main main main main'
'menu menu menu menu menu menu';
}
#main-header .logo_container {
grid-area: logo;
width:300px;
}
#main-header #et-top-navigation {
grid-area: menu;
padding-top:0;
padding-left:0 !important;
float:none;
}
#main-header .image_slider {
grid-area: main;
}
nav#top-menu-nav, #top-menu, 
nav.et-menu-nav, .et-menu {
float:none;
width:100%;
}
#main-header #top-menu {
padding:4px 2px 4px 300px;
background: #68A80B;
background: linear-gradient(180deg, rgba(104, 168, 11, 1) 23%, rgba(60, 94, 8, 1) 68%);
}
#main-header #top-menu li {padding-right:0;}
#main-header #et-top-navigation nav>ul>li>a {
padding:5px 10px;
color:#fff;
font-weight:400;
border-left:1px solid #394e00
}
#et-main-area.with-sidebar #main-content.et_builder,
#et-main-area.with-sidebar #main-content.no_builder #content-area
{
display:grid;
grid-template-columns:300px auto
}
#et-main-area.with-sidebar #main-content.et_builder article,
#et-main-area.with-sidebar #main-content.no_builder #content-area #left-area{
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
padding: 15px 10px;
}
#main-content .entry-content {
margin:0
}
#main-content ul.et_pb_tabs_controls {
display:flex;
justify-content:space-evenly;
}
#main-content ul.et_pb_tabs_controls li {
display:block;
}
#et-main-area.with-sidebar #main-content.et_builder #sidebar,
#et-main-area.with-sidebar #main-content.no_builder #content-area #sidebar	{
background-image:url(//rheingauer-musik-und-ferienhaus.de/wp-content/themes/divi-child-RR/assets/images/sidebar.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size:auto;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
}
#et-main-area #main-content #sidebar .textwidget li{
font-family:'Tangerine',handwriting;
color:#fff;
font-size:2em;
text-shadow:0 2px rgba(0,0,0,.7);
}
.et_right_sidebar #left-area,
.et_right_sidebar #sidebar,
#page-container #sidebar	{
width: 100%;
float: none;
padding-right: 0;
}
}
@media only screen and (min-width: 1024px) {
#left-area .gform_body .small {
width: 15%;
}
#left-area .gform_body .small .small {
width: 100%;
}
#left-area .gform_body .small + .medium-large {
width: 85%;
}
#left-area .gform_body .ginput_container_checkbox .gfield_checkbox {
display: block;
column-count: 2;
}
}
@media only screen and (max-width: 600px) {
img.alignleft,
img.alignright {
max-width:40%;
}
}
@media only screen and (max-width: 460px) {
img.alignleft,
img.alignright {
float:none;
display:block;
margin: 10px 0;
width:100%;
max-width:100%;
}
}