/* Layouts */

.frame-layout-1 {
	color:#fff;
	background:#cd1338;
	padding:30px;
}

.frame-layout-1 h2,
.frame-layout-1 h3,
.frame-layout-1 h4 {
	color:#fff;	
}

/* Divider */

.ce-divider {
	margin:20px 0;
	height:3px;
	border-top:1px dotted #ccc;
}

/* Links */

a,
a:link,
a:active,
a:visited,
a:hover {
	color:#003063;	
	text-decoration:none;
}

a.button,
a.button:link,
a.button:active,
a.button:visited,
a.button:hover {
	background:#003063;
	border-radius: 3px;
	line-height: 34px;
	height: 34px;
	padding:0 10px 0 45px;
	color:#fff;
	display: inline-block;
	position: relative;
	margin-top: 1em;
}

	a.button::before {
		position: absolute;
		content:' ';
		left:10px;
		top:5px;
		background:url("../img/gift-solid.svg") center center;
		background-size:100% auto;
		width:24px;
		height: 24px;
	}

/* Headlines in Zierschrift */

h1,h2,h3,h4,h5,
.top1,
.footer1_wrap,
.footer2_wrap,
.h1 {
    font-family:Didot-Reg;
}

h2,h3,h4,h5 {
	color:#cd1338;
	text-transform:uppercase;	
}

h1,.h1 {
	line-height:70px;
	font-size:66px;
	letter-spacing:2px;
	margin-bottom:30px;
    text-align: center;
}

h2, h3 {
	font-size:22px;	
	font-weight:normal;
}

h2{
	color:#003063;
	font-family: NimbusSanNov-Reg;
	text-transform: none;
	font-size:36px;
	font-weight: bold;
	margin-left: calc(100px + 4vw);
}

.shuffle .frame-type-dce_dceuid5:nth-child(2n) h2 {
	margin-left: inherit;
	margin-right: calc(100px + 4vw);
}

h2 span {
	font-style: italic;
	font-size:20px;
}

h3 {
	font-weight:normal;
	text-transform:none;
	font-size:20px;
	margin-bottom:1em;
}

/* Listen */

main p,
main ul {
	margin-bottom:1em;
}

main ul {
	margin-left:35px;	
}

main li {
	list-style:none;
	background:url(../img/li_bg.png) 0 10px no-repeat;
	padding-left:23px;	
	line-height:1.8em;
}

/* Text Ausrichtung */

.text-center {
	text-align:center;	
}

/* Abstände */

.frame-default.frame-space-before-medium {
	margin-top:70px !important;
}

.frame-default.frame-space-after-medium {
	margin-bottom:70px !important;
}


/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {

}

/* landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {

}

@media screen and (max-width: 1440px) {
	h1,.h1 {
	line-height:66px;
	font-size:60px;
}

}

@media screen and (max-width: 1279px) {
h1,.h1 {
	line-height:56px;
	font-size:50px;
}
}

@media screen and (max-width: 1023px) {
	h1,.h1 {
	line-height:44px;
	font-size:38px;
}
	
	
	


@media screen and (max-width: 767px) {
h1,.h1 {
	line-height:40px;
	font-size:34px;
}

	h2{
	margin-left:inherit;
	font-size:24px;
}

.shuffle .frame-type-dce_dceuid5:nth-child(2n) h2 {
	margin-right:inherit;
}
	
}