/**
* Theme Name: rd-partyservice
*Template: wp-bootstrap-starter
*/
@import url('../wp-bootstrap-starter/style.css');

body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.6em; color: #2a2a2a;  }

.widget { border-top: 0px; list-style-type: none;}

#page { background: #fff; padding: 0;}

a { color: #2a2a2a; }
a:hover { text-decoration: none; color: #666;}

@media screen and (min-width: 790px) {
	body { font-size: 1.0em;} 
}

/** ################################ header ################################# */

header#masthead { margin-bottom: 0; background: #fff; box-shadow: none; padding: 0; }

#headerbackground { position: relative; overflow: hidden; background: #CE0000; box-shadow: 0px 2px 6px #a2aebf }
.headercontainer { max-width: 1200px; margin: 0 auto; overflow: hidden;  }

.headerlinks { float: left; width: 70%; color: #fff; padding-top: 10px;  }
.headerlinks ul { padding-left: 10px}
.header1 { font-size: 2em; font-weight: bold; margin-bottom: 0em; line-height: 1.7em; text-shadow: 1px 1px 3px #444  }
.header2 { font-size: 2em; font-weight: bold; margin-bottom: 0.25em;text-shadow: 1px 1px 3px #444    }
.header3 { font-size: 1.0em; font-weight: bold; margin-bottom: 0.5em;   }

.headerrechts { float: right; width: 25%; max-width: 260px; padding-top: 20px; }
.headerrechts ul { padding: 0 10px}

@media screen and (min-width: 460px) {
.header1 { font-size: 2.4em; margin-bottom: 0em; line-height: 1.7em; text-shadow: 3px 3px 5px #444  }
.header2 { font-size: 2.4em; font-weight: bold; margin-bottom: 0.75em;text-shadow: 3px 3px 5px #444    }
.header3 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em;   }
} 

@media screen and (min-width: 660px) {
.headerlinks { padding-top: 30px;  }
.header1 { font-size: 3em; margin-bottom: 0em; line-height: 1.7em; text-shadow: 3px 3px 5px #444  }
.header2 { font-size: 3em; font-weight: bold; margin-bottom: 0.75em;text-shadow: 3px 3px 5px #444    }
.header3 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em;   }

} 

@media screen and (min-width: 860px) {
.header1 { font-size: 4em; margin-bottom: 0em; line-height: 1.7em; text-shadow: 3px 3px 5px #444  }
.header2 { font-size: 4em; font-weight: bold; margin-bottom: 0.75em;text-shadow: 3px 3px 5px #444    }
.header3 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em;   }

}

/** ################################ /header ################################# */

/** ################################ navigation ################################# */

#mega-menu-wrap-primary { clear: both; margin: 0 auto; width: 100% }
.navigation { padding-top: 10px}

/** ################################ /navigation ################################# */



/** ################################ content ################################# */

.entry-content { margin-right: 0; margin-left: 0; }
.no-sidebar .entry-content { margin-right: 0%; margin-left: 0%; }

#content { margin-top: 50px; padding-left: 0px;}
#content.site-content { padding-bottom: 3.75rem; padding-top: 0rem; }
#content { margin-top:20px; padding-left: 0px; }
 
.entry-content h1 { font-weight: normal; font-size: 1.6em; margin: 0em 0 1em 0; color: #ce0000; text-align: center;}
.entry-content h1 span.unterh1 { font-size: 0.8em}
.entry-content h2 { font-weight: normal; margin: 0em 0 0.75em 0; color: #ce0000; text-align: center; font-size: 1.8em }

.punktkasten .kc_column { border: 10px dotted #ce0000;padding: 30px; }
.punktkasten { padding: 0 20px;}

.punktkasten h2 { text-align: center; color: #123B73; font-weight: bold; margin-bottom: 0em; line-height: 1.5em; font-size: 1.2em}

.punktkasten .imbisspunktkh2 h2 { font-weight: bold; font-size: 1.3em}

.punktkasten h3 { color: #ce0000; font-weight: bold; font-size: 2.9em; line-height: 1.1em; margin: 0.2em 0 1em 0; padding-left: 0%; text-shadow: 2px 2px 1px #222; font-style: italic; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" }
.abst2 { padding-left: 0.4em}
.abst3 { padding-left: 0.8em}
.abst4 { padding-left: 1.2em}

.parken { text-align: center; margin: 0; font-weight: bold; font-size: 1.2em; color: #123B73;  }
.parken p { margin-bottom: 0.5em}
.parken p.p { margin-bottom: 1.6em}
p.p span.sp{  padding: 7px 10px; font-size: 2em; background: #123B73; color: #fff; border-radius: 8px; margin-bottom: 1em }

.startzwei .kc_column { margin-bottom: 20px; }
.startzwei .kc_column, .kc_column_inner { padding: 0 0px}

.startlink { padding: 4em 5px 4em 5px; overflow: hidden; }
.entry-content .startlink h2 { background: #123B73; color: #fff; font-size: 1.1em; padding: 15px 0 15px 0;  }
.entry-content .startlink h4 { color: #123B73; font-size: 1.2em; text-align: center; margin-top: 0.2em; }
.startlink ul, .startlink ul li { padding: 0; margin: 0}
.entry-content .startlink h6 { background: #123b73; margin-bottom: 0; text-align: center;  }
.entry-content .startlink h6 a { color: #fff; padding: 15px 0; display: block; font-weight: normal; transition: 0.3s }
.entry-content .startlink h6 a:hover { color: #fff; background: #829bbc }

.mittagstisch { background: #eff0f2}
.entry-content .mittagstisch h2 { position: absolute; top: 0; left: 0px;width: 100%}
.entry-content .mittagstisch h6 { position: absolute; bottom: 0; left: 0px;width: 100%}
.obg { background: none;}

.entry-content .partyservice h2 { background: #ce0000}
.entry-content .partyservice h2 { position: absolute; top: 0; left: 0px;width: 100%}
.entry-content .partyservice h6 { position: absolute; bottom: 0; left: 0px;width: 100%}

.entry-content .partyservice h6 a {  background: #ce0000; display: block;}
.entry-content .partyservice h6 a:hover { color: #fff; background: #ea7e7e }
.startzwei .kc-col-container { position: relative;  }

.partybest { border-top: 3px solid #000; margin: 2em 0 0 0; padding: 20px; }
.partybest h5 { text-align: center; font-size: 1.4em; line-height: 1.4em}

.partielief { text-align: center; margin: 20px 0 40px 0px }
.partielief h2 { margin-bottom: 0px}
.partielief h5 { margin-top: 0px; font-size: 1.1em}


#Mittagstisch-Start ul { padding: 0; margin: 0; width: 100%}
#Mittagstisch .datum { background: #123B73;}
#Mittagstisch .datum h3 { color: #fff}

.mittagstisch table { margin: 10px 3% 10px 3%; width: 94%;border-bottom: 1px solid #123b73; padding-bottom: 10px; font-size: 1.3em}
.mittagstisch table h3 { text-align: center; margin: 0px; }
.mittagstisch table th { padding-top: 10px; } .mittagstisch table td { padding-bottom: 10px; border-bottom: 1px solid #bbb}
.mittagstisch table td.preis { text-align: right; width: 4em; vertical-align: bottom}
.mittagstisch table em { font-size: 0.6em; padding: 0 1px; color: #666}

#Mittagstisch ul { margin: 0; padding: 0; }
#Mittagstisch ul li {  width: 100%; }
#Mittagstisch ul li table { width: 94%; margin: 0 3% 30px 3%; background: rgba(239, 240, 242, 0.5); border: 1px solid #bbb }
#Mittagstisch ul li table td { padding: 10px}
#Mittagstisch ul li table th { padding: 10px 10px 0 10px}
#Mittagstisch ul li table td.preis {padding-left: 0px}

.mt h1 { margin-bottom: 0.3em}
.mt h4 { text-align: center; margin: 0; font-size: 2em}

.linekasten { border-top: 2px solid #123B73; border-bottom: 2px solid #123B73; padding: 50px 0 20px 0}
.party h2 { font-size: 1.9em; color: #ce0000; font-weight: bold; text-align: left; }
.party h3 { margin-bottom: 0.25em; font-size: 1.2em;color: #123B73; }
.party th { font-weight: normal; }
.party td { text-align: right;}
.party p { margin-bottom: 0.25em}
.party .preis { text-align: right; padding-bottom: 10px;border-bottom: 1px solid #bbb}
.party .spanpreis { font-weight: bold; font-size: 1.1em; padding-left: 15px; color: #123B73}

.party .preisohne .preis { padding-bottom: 0px;border-bottom: 0px solid #bbb}
.party .preisohne .spanpreis { font-weight: bold; font-size: 1.1em; padding-left: 15px; color: #123B73}

.party ul { padding: 0;} 
.party ul li { list-style-type: none; }

.party h4 { text-align: center; color: #ce0000; font-size: 1.2em}

.broetchen { background: #ce0000; text-align: center; color: #fff; padding: 1.8em 3px 1.5em 3px; width: 11em; height: 11em;border-radius: 50%; margin: 0 auto}
.broetchen1 { font-size: 0.9em; line-height: 1.2em; margin-bottom: 0em}
.broetchen2 { font-size: 1.1em; margin-bottom: 0em; font-weight: bold; line-height: 1.4em}
.broetchen3 { font-size: 0.9em; margin-bottom: 0.5em; }
.broetchen3 span.broetchen4 { font-size: 1.2em; margin-bottom: 0.5em; font-weight: bold}
p.leckere { color: #CE0000; margin-left: 5.5em; font-size: 2.4em; line-height: 4.5em }

.imbmittisch1 { font-weight: bold; text-align: center; font-size: 1.1em; background: #123B73; color: #fff;  padding: 6px; border-radius: 10px; }
.imbmittisch2 a { display: block; text-align: center; font-size: 1.4em; font-weight: bold; color: #ce0000; margin: 0; padding: 1.4em 0px; border-radius: 10px; transition: 0.3s }
.imbmittisch2 a .gr { font-size: 1.8em; line-height: 1.4em }
.imbmittisch2 a:hover { color: #123B73;}
.imbmittisch3 {  text-align: center; font-size: 1.1em; background: #123B73; color: #123B73; padding: 6px; border-radius: 10px; }

.imbspanferkel1 { font-weight: bold; text-align: center; font-size: 1.1em; background: #ce0000; color: #fff; padding: 6px; border-radius: 10px; margin: 0 }
.imbspanferkel2 { text-align: center; margin: 0;}
.imbspanferkel2 img { width: 330px; margin: 0px }
.imbspanferkel3 { font-weight: bold; text-align: center; font-size: 1.3em;  background: #ce0000; color: #fff; padding: 6px; border-radius: 10px;  margin: 0 }

.imboeffngz { overflow: hidden; padding: 0 0 2em 0}
.imboeffngz h4 { color: #123B73; font-size: 1.4em; border-bottom: 1px solid #123B73; margin: 0 3% 1em 3%; padding: 1.3em 0 0.6em 0 }
.imboeffngz p { color: #123B73; font-size: 1.1em; text-align: center; margin: 0;   }

#Freitagsangebot ul { padding-left: 0; }
.cw-currywurst .kc_column { padding: 0}
.currywurst { border: 10px double #ce0000; padding: 20px 20px 20px 20px}
.currywurst-1 p { font-size: 1.8em; font-weight: bold; text-align: center; line-height: 1.3em; margin-bottom: 1em}
.currywurst-2 .cw-21 { display: flex; flex-direction: column; }
.currywurst-2 .cw-21 p { margin-bottom: 1.5em; }
.currywurst-2 .cw-21 p.cw-21-1 { font-size: 2.5em; font-weight: bold; color: #ce0000; text-shadow: 1px 1px 1px #000; margin-bottom: 0.4em }
.currywurst-2 .cw-21 p.cw-21-2 { font-size: 1.4em; }
.currywurst-2 .cw-22 p { font-size: 1.2em; margin-bottom: 0; text-align: right}
.currywurst-2 .cw-22 span.cw-22-2 { font-size: 3.5em; font-weight: bold; color: #ce0000; text-shadow: 1px 1px 1px #000;  }


@media screen and (min-width: 470px) {	
	.punktkasten h3 { position: absolute; }
	.punktkasten img { padding-top: 30px; width: 70%; max-width: 600px; margin-left: 30%}
}

@media screen and (min-width: 650px) {
	.currywurst { padding: 20px 20px 20px 20px}
}

@media screen and (min-width: 44.375em) { 
	.entry-content h1 { font-size: 2em; }
	.entry-content h2 { font-size: 1.7em }
}  /**  >= 710px */

@media screen and (min-width: 770px) {
.startzwei .kc_column, .kc_column_inner { padding: 0 10px}
}

@media screen and (min-width: 48.9375em) { 
	.entry-content h1 { font-size: 2.5em; }
	.entry-content h2 { font-size: 1.8em }
}  /**  >= 783px */

@media screen and (min-width: 850px) {
	.currywurst { padding: 20px 30px 30px 30px}
.currywurst-2 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;  }
}

@media screen and (min-width: 910px) {
	.entry-content h1 { font-size: 2.8em; }	
	.entry-content h2 { font-size: 2.4em }
	.content-area {	width: 75%;	}
	.sidebar { margin-left: 79%; width: 21%;}
	#content.site-content { padding-top: 2rem; }
	.punktkasten h3 { font-size: 4em;  padding-left: 2%; }
 } 

@media screen and (min-width: 1020px) {
	#Mittagstisch ul li { float: left; width: 33%; }
		.currywurst-1 p { font-size: 1.8em;}
	.currywurst-2 .cw-21 { flex-direction: row; }
.currywurst-2 .cw-21 p { margin-bottom: 0}
	.currywurst-2 .cw-21 p.cw-21-1 { font-size: 2.3em; font-weight: bold; color: #ce0000; text-shadow: 1px 1px 1px #000; padding-right: 7px; margin-bottom: 0}
		.currywurst-2 .cw-21 p.cw-21-2 { margin-bottom: 0}
}


/** ################################ /content ################################# */


/** ################################ footer ################################# */

#footer-widget { background-color: #DCE4EF; font-size: 1.2rem; padding: 30px 0px 10px 0px; }
#footer-widget .textwidget iframe {border: 3px solid #fff!important }

.footeradresse {color: #123B73; padding-top: 10px;  padding-bottom: 20px; margin-bottom: 20px;}
.footeradresse h3, .footeradresse h4 {color: #fff; font-weight: bold;  text-shadow: 1px 1px 2px #000; margin-bottom: 0.75em; line-height: 1.3em;font-size: 2.3em}
.footeradresse p { font-size: 1.3em; margin: 0; }
.footeradresse h5 { font-size: 1.5em;  }
.footeradresse h5 a { color: #123b73  }

body:not(.theme-preset-active) footer#colophon { background: #123B73;}
#Footermenu ul { margin: 0; padding: 0; }
#Footermenu ul li { margin: 0; padding: 0; list-style-type: none; }
#Footermenu ul li ul { display: inline-block}
#Footermenu ul li ul li { display: inline-block; }
#Footermenu ul li ul li a.nav-link { display: inline-block; padding-right: 10px; float: left; color: #c9dbd7 }
#Footermenu ul li ul li a.nav-link:hover { background: transparent }


@media screen and (min-width: 772px) { 
	.footeradresse h4 {font-size: 1.4em;margin: 0 20% 0.75em 0;}
}









#footer-widget { background: #ce0000}
.footeradresse, .footeradresse h5 a { color: #fff}

body:not(.theme-preset-active) footer#colophon  {
	background: #222;}

.partyservice { text-align: center}
.entry-content .partyservice h5 { font-weight: normal; text-align: center; font-size: 1.3em; line-height: 1.4em; max-width: 400px; margin: 50px auto 1em auto;}
.partyservice ul li { margin:0; padding: 0; list-style-type: "- "; font-size: 1.3em; line-height: 1.7em; color: #CE0000}
.partyservice img { width: 60%; padding-top: 2em }

.party h2 { background: #ce0000; color: #fff; font-weight: normal; font-size: 1.4em; padding: 8px 12px}
.party h3 { color: #ce0000}
.party p.preis .spanpreis { color: #000; font-weight: normal}

.spanferkel { border: 3px solid #ce0000; border-radius: 10px; margin: 40px 0px; padding: 10px 20px 20px 20px}


.preisohne .preis .spanpreis { color: #000; font-weight: normal}
.preisohne table th { padding-bottom: 10px}
.party .preisohne .preis {
	padding-bottom: 10px;}