/* TinyMCE Style Dropdown */

/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('./fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('./fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('./fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('./fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('./fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

:root {
	--logorot: #962a24;
	--hellrot: #a31c1c;
	--dunkelrot: #51100c;

	--dunkelbeige: #F4EDE4;
	--hellbeige: #FBF7F2;

	--main-font: 'Source Sans Pro', sans-serif;
	--main-font-color: #4b4b4b;

	--border-button-color: var(--logorot);
	--button-color: var(--logorot);
	--button-background-color: var(--dunkelbeige);

	--padding-medium: 30px;
	--max-width: calc(1200px - var(--padding-medium));
	--max-width-large: 500px;
}

/*------------ Breiten ------------------*/

/* Absatzbreite: Schmaler=fob-narrow */
.fob-narrow {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

@media only screen and (max-width: 29.9375em) {
	.fob-narrow {
		margin-left: inherit;
		margin-right: inherit;
		width: 100%;
	}
}

/*------------ Schriften ------------------*/

/* Font: SourceSansPro=fob-font1 */
.fob-font1 {
	font-family: var(--main-font);
}

/*------------ Schriftengrößen ------------*/

/* Font-Size: Big=fob-big */
.fob-big {
	font-size: 1.4em !important;
	line-height: 1.5em !important;
}

/* Font-Size: Bigger=fob-bigger */
.fob-bigger {
	font-size: 1.6em !important;
	line-height: 1.6em !important;
}

/* Font-Size: Small=fob-small */
.fob-small {
	font-size: 0.8em !important;
	line-height: 0.8em !important;
}

/* Font-Size: Smaller=fob-smaller */
.fob-smaller {
	font-size: 0.6em !important;
	line-height: 0.8em !important;
}

/*------------ Farben ---------------------*/

/* Color: Weiß=fob-color1 */
.fob-color1 {
	color: #fff;
}

.mce-content-body .fob-color1 {
	text-shadow: -1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}

.fob-bg-color1 {
	background-color: #fff;
}

/* Color: Schwarz=fob-color2 */
.fob-color2 {
	color: #000;
}

.fob-bg-color2 {
	background-color: #000;
}

/* Color: Logorot=fob-color3  */
.fob-color3 {
	color: var(--logorot);
}

.fob-bg-color3 {
	background-color: var(--logorot);
}

/* Color: Hellrot=fob-color4 */
.fob-color4 {
	color: var(--hellrot);
}

.fob-bg-color4 {
	background-color: var(--hellrot);
}

/* Color: Dunkelrot=fob-color5 */
.fob-color5 {
	color: var(--dunkelrot);
}

.fob-bg-color5 {
	background-color: var(--dunkelrot);
}

/*------------ Section Layouts ------------*/
/* Section: Weiß mit L=fob-section-style1 */
.content-section.fob-section-style1,
.fob-section-style1 {
	background: url('images/bg-l.svg') top right no-repeat;
	background-size: auto 100%;
	text-align: center;
	background-color: #fff;
}

.content-section.fob-section-style1 *, .content-section.fob-section-style2 *, .content-section.fob-section-style3 * {
	text-align: center;
}

/* Section: Beige mit Z=fob-section-style2 */
.content-section.fob-section-style2,
.fob-section-style2 {
	background: url('images/bg-z.svg') top left no-repeat;
	background-size: contain;
	text-align: center;
	background-color: var(--hellbeige);
}

/* Section: Beige mit S=fob-section-style3 */
.content-section.fob-section-style3,
.fob-section-style3 {
	background: url('images/bg-s.svg') top left no-repeat;
	background-size: contain;
	text-align: center;
	background-color: var(--hellbeige);
}

/* Section: BG Dunkelrot=fob-section-style4 */
.content-section.fob-section-style4,
.fob-section-style4 {
	background-color: var(--dunkelrot);
	padding: 0 !important;
}

/* Section: BG Beige dunkel=fob-section-style5 */
.content-section.fob-section-style5,
.fob-section-style5 {
	background-color: var(--dunkelbeige);
	text-align: center;
}

/* Section: BG Beige=fob-section-style6 */
.content-section.fob-section-style6,
.fob-section-style6 {
	text-align: center;
	background-color: #fbf7f2;
}

/* Section: Abstand unten=fob-section-style7 */
.content-section.fob-section-style7,
.fob-section-style7 {
	padding-top: 0 !important;
}

/* Section: #eddecc=fob-section-style8 */
.content-section.fob-section-style8,
.fob-section-style8 {
	background-color: #eddecc;
}

/* Section: #faf7f3=fob-section-style9 */
.content-section.fob-section-style9,
.fob-section-style9 {
	background-color: #faf7f3;
}

/* Section: kein Abstand=fob-section-style10 */
.content-section.fob-section-style10,
.fob-section-style10 {
	padding:0 !important;
}

/* Section: Weiß=fob-section-style11 */
.content-section.fob-section-style11,
.fob-section-style11 {
	text-align: center;
	background-color: #fff;
}

/* Section: Links=fob-section-style12 */
.content-section.fob-section-style12 .container .entry,
.fob-section-style12 .container .entry {
	/*margin-left: 7.5%;*/
}

.content-section.fob-section-style12 .fullwidth.container .entry,
.fob-section-style12 .fullwidth.container .entry {
	margin-left: 0;
}

/*------------ Fontzuweisung ------------*/
h1,
h1 * {
	font-family: var(--main-font);
	color: var(--logorot);
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}

/* Mobile */
@media only screen and (max-width: 29.9375em) {
	h1,
	h1 * {
		font-size: 1.5em;
	}
}

h2,
h2 * {
	font-weight: normal;
	color: var(--logorot);
	text-transform: uppercase;
	letter-spacing: 0;
}

h3,
h3 * {
	font-weight: normal;
	color:var(--logorot);
}

h1 {
	font-size: 42px;
	/*font-size: 20px;*/
	margin-bottom: 3%;
	line-height: 1.2em;
}

h2 {
	font-size: 1.4em;
	/*font-size: 30px;*/
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.2em;
	/*font-size: 23px;*/
	margin-top: 5%;
	margin-bottom: 2%;
	line-height: 1.2em;
}


html,
body {
	font-family: var(--main-font);
	color: var(--main-font-color);
}

.entry ul {
	margin-left: 0;
	list-style: disc outside;
}
.entry ul li {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}
.entry ul li:last-child {
	margin-bottom: 0;
}