@charset "utf-8";
/* CSS Document */

body { font-family: "Source Sans Pro", Calibri, Arial, sans-serif; font-size: 16px; color: #444444; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat;}
@media only screen and (max-width:1280px) {body { font-family: "Source Sans Pro", Calibri, Arial, sans-serif; font-size: 38px; line-height: 1.5; color: #444444; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}}
@media only screen and (max-width:860px) {body { font-family: "Source Sans Pro", Calibri, Arial, sans-serif; font-size: 38px; line-height: 1.5; color: #444444; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}}

/* dancing-script-regular - latin Designed by Impallari Type*/
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../pics/fonts/dancing-script-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/dancing-script-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/dancing-script-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/dancing-script-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/dancing-script-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/dancing-script-v24-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* dancing-script-600 - latin Designed by Impallari Type */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  src: url('../pics/fonts/dancing-script-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/fonts/dancing-script-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/fonts/dancing-script-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/fonts/dancing-script-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../pics/fonts/dancing-script-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/fonts/dancing-script-v24-latin-600.svg#DancingScript') format('svg'); /* Legacy iOS */
}	   

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

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

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


.h1 { font-family: "Dancing Script"; font-size: 48px; color: #FFF; text-align:left; line-height: 1.2; }
.h2 { font-family: "Source Sans Pro", Calibri, Arial, sans-serif; font-size: 28px; color: #FFF; text-align:left; line-height: 1.2; font-weight:300; }
.h3 { font-family: "Dancing Script"; font-size: 42px; color: #ba254d; text-align:left; line-height: 1.5; }
.p {font-size: 22px; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
.p1 {font-size: 22px; color: #ba254d; text-align:left; line-height: 1.5; font-weight:300;}
.p2 {font-size: 22px; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
.p3 {font-size: 18px; color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}
@media only screen and (max-width:1200px) {
	.h1 {font-size: 82px;}
	.h2 {font-size: 48px; font-weight:300;}
	.h3 {font-size: 68px;}
	.p {font-size: 48px;}
	.p1 {font-size: 48px;}
	.p2 {font-size: 48px;}
	.p3 {font-size: 28px;}}
	
a:link {text-decoration: none; color: #FFFFFF;} 
a:visited {text-decoration: none; color: #FFFFFF;} 
a:hover {text-decoration: none; color: #FFFFFF;} 
a:active {text-decoration: none; color: #FFFFFF;}

#traureden {min-width:860px; max-width:100%; width:100%; height:340px; margin-left:0px; margin-right:0px; top:60px; margin-top:0px; background-color: transparent; position:absolute; z-index:100;}
#logo {width:380px; height:auto; margin-left:auto; margin-right:auto; padding-top:20px; background-color: transparent;}
.logo {width:380px; height:auto; margin-left:auto; margin-right:auto; margin-top:0px;}
.logo-m {width:0px; height:0px; visibility:hidden;}

@media only screen and (max-width:1420px) {
	#traureden {min-width:860px; max-width:100%; width:100%; height:340px; margin-left:0px; margin-right:0px; top:0px; margin-top:0px; background-color: transparent; position:absolute; z-index:100;}
#logo {width:380px; height:auto; margin-left:auto; margin-right:auto; padding-top:20px; background-color: transparent;}
.logo {width:380px; height:auto; margin-left:auto; margin-right:auto; margin-top:0px;}
.logo-m {width:0px; height:0px; visibility:hidden;}}
	
@media only screen and (max-width:1280px) {
	#traureden {min-width:860px; max-width:100%; width:100%; height:560px; margin-left:0px; margin-right:0px; top:60px; background-color: transparent; position:absolute; z-index:100;}
	#logo {width:650px; height:auto; margin-left:auto; margin-right:auto; top:0px; background-color: transparent; padding-top:0px;}
	.logo {width:0px; height:0px; visibility:hidden;}
	.logo-m { visibility:visible; width:650px; height:auto; margin-left:0px; margin-right:0px; margin-top:0px;}}
	
	@media only screen and (max-width:1080px) {
	#traureden {min-width:860px; max-width:100%; width:100%; height:560px; margin-left:0px; margin-right:0px; top:30px; background-color: transparent; position:absolute; z-index:100;}
	#logo {width:650px; height:auto; margin-left:auto; margin-right:auto; top:0px;  padding-top:0px;}
	.logo {width:0px; height:0px; visibility:hidden;}
	.logo-m { visibility:visible; width:650px; height:auto; margin-left:0px; margin-right:0px; margin-top:0px;}}
	
		@media only screen and (max-width:960px) {
	#traureden {min-width:860px; max-width:100%; width:100%; height:560px; margin-left:0px; margin-right:0px; top:0px; background-color: transparent; position:absolute; z-index:100;}
	#logo {width:650px; height:auto; margin-left:auto; margin-right:auto; top:0px;  padding-top:0px;}
	.logo {width:0px; height:0px; visibility:hidden;}
	.logo-m { visibility:visible; width:650px; height:auto; margin-left:0px; margin-right:0px; margin-top:0px;}}
	
#traureden-header {min-width:860px; max-width:100%; width:100%; height:900px; margin-left:0px; margin-right:0px; margin-top:0px; background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat;}
#header {width:100%; height:auto; margin-left:0px; margin-right:0px; top:0px;}
.header {width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:0px;}
.header-m {width:0px; height:0px; visibility:hidden;}
@media only screen and (max-width:1280px) {
	#traureden-header {min-width:860px; max-width:100%; width:100%; height:1000px; margin-left:0px; margin-right:0px; margin-top:0px; background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat;}
	#header {width:100%; height:auto; margin-left:0px; margin-right:0px; top:0px;}
	.header {width:0px; height:0px; visibility:hidden;}
	.header-m {visibility:visible; width:100%; height:auto; margin-left:0px; margin-right:0px; margin-top:0px;}}
	
#herz-header {width:100%; height:auto; margin-left:auto; margin-right:auto; z-index:500; position:absolute; top:890px;}
@media only screen and (max-width:1600px) {#herz-header {width:100%; height:auto; margin-left:auto; margin-right:auto; z-index:500; position:absolute; top:620px;}}
@media only screen and (max-width:1280px) {#herz-header {width:100%; height:auto; margin-left:auto; margin-right:auto; z-index:500; position:absolute; top:1050px; }}
@media only screen and (max-width:980px) {#herz-header {width:100%; height:auto; margin-left:auto; margin-right:auto; z-index:500; position:absolute; top:980px; }}
#herz-bg {width:1080px; height:406px; margin-left:auto; margin-right:auto; }
#herz1 {width:364px; height:406px; margin-left:0px; float:left;}
.herz1 {width:364px; height:406px;}
@media only screen and (max-width:1280px) {
	#herz1 {width:500px; height:558px; margin-left:40px; float:right;}
#herz-bg {width:100%; height:auto; margin-left:auto; margin-right:auto; }
.herz1 {width:500px; height:auto;}}







#traurednerin {width:100%; height:auto; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat; float:left; }
#content {width:1080px; height:auto; margin-left:auto; margin-right:auto;  background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat; }
@media only screen and (max-width:1280px) {
	#content {width:92%; height:auto; padding-left:4%; padding-right:4%; margin-left:0px; margin-right:0px;  background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat; }}
#traurednerin-info {width:96%; height:auto; padding-left:4%; padding-right:0%; margin-left:0px; margin-right:0px; background-color:#FFF; float:left; margin-top:120px; margin-bottom:20px; padding-top:0px; }
@media only screen and (max-width:1280px) {
	#traurednerin-info {width:92%; height:auto; padding-left:4%; padding-right:4%; margin-left:0px; margin-right:0px; background-color:#FFF; float:left; margin-top:180px; margin-bottom:0px; padding-top:180px; }}

#herz2 {width:568px; height:316px; margin-left:0px; float:right; }
.herz2 {width:568px; height:456px; position:absolute; margin-top:-140px;}
@media only screen and (max-width:1280px) {
	#herz2 {width:650px; height:66px; margin-left:auto; margin-right:auto; float: none;  }
	.herz2 {width:650px; height:auto; position:absolute; margin-top:-390px;}}

#herz3 {width:364px; height:406px; margin-left:0px; float:left;}
.herz3 {width:364px; height:406px;}

#traurednerin-infos {width:92%; height:auto; padding-left:4%; padding-right:4%; margin-left:0px; margin-right:0px; background-color:#FFF; float:left; margin-bottom:20px; padding-top:40px; margin-top:30px; }
.bild {width:300px; height:auto; float: right; margin:60px;}
@media only screen and (max-width:1280px) {
	#traurednerin-infos {width:92%; height:auto; padding-left:4%; padding-right:4%; margin-left:0px; margin-right:0px; background-color:#FFF; float:left; margin-bottom:20px; padding-top:40px; margin-top:30px; }
	.bild {width:100%; height:auto; float: right; top:0px; margin-left:0px; margin-right:0px; margin-bottom:40px;}}



#kennenlerngespraech {width:auto; height:auto; margin-right:0px; background-color:#ba254d; box-shadow: 0px 0px 5px #333; float:right; margin-top:330px; padding:20px;}
@media only screen and (max-width:1280px) {
	#kennenlerngespraech {width:auto; height:auto; margin-right:0px; background-color:#ba254d; box-shadow: 0px 0px 5px #333; float:right; margin-top:280px; padding:20px;}}

#footer {min-width:860px; height:auto; width:1080px; padding-left:0%; padding-right:0%; padding-top:0px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px; background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat; }
#footer-box {width:45%; float:left; margin-left:1%; margin-right:1%;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%;}
.bildcookie {width:20px; height:auto;}
.bildinnung {width:100px; height:auto;}

@media only screen and (max-width:1280px) {
	#footer {min-width:860px; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:20px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:20px; background-image:url(../pics/traureden-heidenheim-ulm-1.jpg); background-repeat:repeat; float:left;}
#footer-box {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%; text-align:center;}
.bildcookie {width:50px; height:auto;}
.bildinnfo {width:300px; height:auto; margin-top:80px;}}