/*

    Theme Name: Dreamdecor
	Description: Dreamdecor Wordpress Theme
	Author: INOYA
	Version: 1.0

	Inhaltsverzeichnis:

		0.  Allgemein
		1.  Header
		2.  Footer
		3.  Inhaltselemente 
			3.1  Dienstleistungen
			3.2  Galerie
			3.3  Formular
			3.4 Text
			3.5 Video Banner
			3.6 Home Header
			3.7 Banner Bild
			3.8 Paket
			3.9 Text Zweispaltig
			3.10 Icon Boxen
		4.  Breadcrumbs
		5.  Sidebar
		6.  Kontakt - Seite 
		7.  Anlass Detailseite 
		8.  Tooltip
		9.  About - Seite
		10.  Bildnachweis
	


	Rosa: #ddbcb7
	Gold: #c39e66
	Gold als Signalfarbe für die Buttons
*/

/*-----------------
	0. Allgemein
-----------------------*/

.petit-font {
	font-family: 'Petit Formal Script';
}

.ie_text ul  {
	list-style: none;
    margin: 20px 0px !important;
}

.ie_text ul li {
	line-height: 28px;
    margin-bottom: 5px;
    position: relative;
    padding: 0px 0px 4px 45px;
}

.ie_text ul li strong  {
    margin-bottom: 20px;
}

.ie_text ul li:before  {
	content: "\f00c";
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: 0px;
    top: 0px;
    height: 30px;
    width: 30px;
    text-align: center;
    align-items: center;
    color: #ddbcb7;
    border-radius: 50%;
}

   
.exclusiv-text {
	/* font-style: italic; */
	font-weight: bold;
	font-size: 20px;
    color: #b89c97;
}

body {
	font-family:'Azo Sans';
	font-size: 18px;
	position: relative;
	line-height: 28px;
}

.text-serife-paket {
	font-size: 22px;
	position: relative;
	font-weight: bold;
}

.text-serife-paket .petit-font {
	margin: 50px 0;
	font-size: 36px;
	color: #c39e66;
}

h1, h2, h3, h4, h5, h6, p, span, a, div {
	font-family: 'Azo Sans';
}

.banner_bild {
    position: relative;
    text-align: center;
}



.banner_bild_bild {
    width: 100%;
    height: auto;
    display: block;
}

.pricing-info {
	text-align: right;
	font-size: 14px;
	font-style: italic;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(143, 143, 143, 0.445); /* Leicht transparentes Hellgrau */
    z-index: 1; /* Die Überlagerung liegt über dem Bild */
}

.ie_einleitungstext {
	margin-bottom: 50px;
}

.ie_einleitungstext h1,
.ie_einleitungstext h2,
.ie_einleitungstext h3,
.ie_einleitungstext h4 {
	margin-bottom: 20px;
}

.ie_kontakt_box ul {
	list-style: none;
}

.ie_kontakt_box ul li {
	margin-bottom: 20px;
	font-size: 20px;
}

.ie_kontakt_box ul li i {
	margin-right: 10px;
	font-size: 20px;
}

.ie_kontakt_box ul li a {
	color: #1d1d1f;
}

.ie_kontakt_box .ap-name {
	font-weight: bold;
	margin: 0 0 5px 10px;
	font-size: 24px;
}

.ie_kontakt_box .ap-position {
	margin: 5px 0 0 10px;
}

.ie_kontakt_box img {
	border-radius: 50%;
}

.headline, .bild_banner_subline {
    position: absolute;
    z-index: 2;
    color: white;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 0 20px;
}

.headline {
    font-size: 48px;
	line-height: 58px;
    font-weight: bold;
    top: 40%;
    transform: translateY(-50%);
}

.bild_banner_subline {
    font-size: 24px;
    top: 55%;
}
.btn-gold {
	background-color: #c39e66;
	padding: 10px 20px;
	color: #fff;
	border: none;
}

.btn-gold:hover {
	background-color: #fdcd84;
	color: #0e0e0e;
	border-width: 2px;
	border: #c39e66;
}

.btn-pink {
	background-color: #ddbcb7;
	padding: 10px 20px;
	color: #fff;
	border: 2px solid #ddbcb7;

}

.btn-pink:hover {
	background-color: #b89c97;
	color: #fff;
	border: 2px solid #b89c97;
}

.img-responsive {
	max-width: 100%;
}

img.alignright {
	float: right;
	margin: 0 0 15px 15px;
}

img.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

.table thead tr th {
	background-color: #cce5ff;
	font-weight: bold;
}

a:not([class]) {
	color: #3E6780;
}

a:not([class]):hover {
	text-decoration: none;
}

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

.hidden {
	display: none;
}

.text-bold {
	font-weight: bold;
}

.font-20 {
	font-size: 20px;
}

.big-font {
	font-size: 54px;
	font-weight: bold;
}

.text-gruen {
	color: #00c6b2;
}

.text-rot {
	color: #b43d3a;
}

.text-blau {
	color: #3E6780;
}

.v-center {
	align-items: center;
	  align-self: center;
}

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

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	margin-bottom: 30px;
	line-height: 1.5em;
	font-weight: bold;
	color: #1d1d1f;
}

.btn-block {
	width: 100%;
}

.bg-dunkel-grau {
    background: #dcdcdc;
}

.bg-grau {
    background-color: #f3f3f5;
}

.bg-weiss {
    background-color: #fff;
}

.bg-hell-blau {
    background-color: #cce5ff;
}

.bg-gold {
    background-color: rgba(201, 177, 143, 0.2) !important;
    /* background-color: rgba(238,236,230) !important; */
}

.bg-rose {
    /* background-color: #ddbcb73b; */
    background-color: #ddbcb72f;
}

.bg-marmor {
	background-image: url('/wp-content/themes/dreamdecor/assets/images/marmor-bg.jpg');
}

.mr-10 {
	margin-right: 10px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-0 {
	margin-top: 0px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-100 {
	margin-bottom: 100px;
}

.section {
	padding: 75px 0;
	position: relative;
}

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



/*-----------------
	1. Header
-----------------------*/

.mob-nav2 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-icon {
	margin-right: 10px;
}

.dreamdecor-header {
	z-index:1030;
	background-color: #ddbcb7;
	padding: 20px 0;
	position: relative;
}


.dreamdecor-header .site-navbar ul li a {
	text-decoration: none;
	font-size: 22px;
	text-transform: uppercase;
	color: #f3f3f3;
}

.dreamdecor-header .site-navbar ul li a:hover {
	text-decoration: underline;
}

body.home .dreamdecor-header {
	background-color: transparent;
}

.justify-content-center {
	justify-content: center;

}

.menu-top {
	display: flex;
    justify-content: center;
    align-items: center;
}

.dreamdecor-header .ul-social-media {
	text-align: right;
	padding: 0 12px;
}

.dreamdecor-header .ul-social-media li {
	text-align: center;
	display: inline;
}

.dreamdecor-header .ul-social-media li a {
	text-decoration: none;
}

.dreamdecor-header .ul-social-media li a i {
	font-size: 22px;
	color: #f3f3f3 !important;
	font-size: 30px;
}

.mobile-menu2 {
	display: none;
}

.site-menu-main {
	display: flex;
	justify-content: center;
}

ul.site-menu-main li.nav-item {
	display: flex;
	justify-content: center;
	margin-right: 30px;
}

body.home header nav.menu-block ul.site-menu-main li.nav-item a {
	color: #fff;
}

.dreamdecor-header .site-navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dreamdecor-header .site-navbar ul li {
	float: left;
	margin-right: 20px;
}

.dreamdecor-header .light-version-logo {
	max-width: 100%;
	height: 120px;
}


#offcanvas_menue {
	display: none;
}

.dreamdecor-header.is-sticky {
	z-index:1030;
	background-color: #ddbcb7!important;
	top: 0px;
	position: fixed!important;
	padding: 5px 0;
	width: 100%;
}

.dreamdecor-header.is-sticky .light-version-logo {
	height: 80px;
}

.dreamdecor-header.is-sticky  .site-navbar ul li a {
	font-size: 18px;
}



/*-----------------
	2. Footer
-----------------------*/

#footer {
	padding: 100px 0 100px 0;
	background-color:#ddbcb7;
	font-weight: lighter !important;
}

#footer ul {
	margin: 10px 0 0 0;
	padding: 0;
}


#footer ul li {
	margin-bottom: 10px;
	list-style: none;
}

#footer ul li a {
	color: #f3f3f3;
	text-decoration: underline;
}

#footer ul li a:hover {
	color: #414141e0;
	text-decoration: none;
	cursor: pointer;
}

#footer ul li a i {
	margin-right: 5px;
}

#footer p {
	margin-bottom: 20px;
	color: #f3f3f3;
	font-size: 20px;
	font-weight: lighter !important;
}

#footer p a {
	color: #f3f3f3;
}

#footer p.h3 {
	font-size: 23px;
}

#footer p.h2 {
	font-size: 33px;
	font-weight: normal !important;
}

#footer .footer-row-2 {
	border-top: 1px solid rgb(255 255 255/1);
	margin-top: 50px;
	padding-top: 20px;
}

ul#menu-footer-menue-rechtliches {
	margin: 0;
	padding: 0;
}

ul#menu-footer-menue-rechtliches li {
	float: left;
	margin-right: 15px;
}

#footer .ul-footer-link li {
	text-align: center;
	display: inline;
	margin-right: 10px;
}

#footer .ul-footer-link li a {
	font-size: 16px;
}

#footer .ul-footer-link li a::after {
	content : " | ";
}

#footer .ul-footer-link li a:last-child::after {
	content : none;
}

#footer .ul-footer-link li a i {
	font-size: 22px;
	color: #f3f3f3 !important;
	font-size: 30px;
}

#footer .ul-social-media li {
	text-align: center;
	display: inline;
	margin-right: 10px;
}

#footer .ul-social-media li a {
	text-decoration: none;
}

#footer .ul-social-media li a i {
	font-size: 22px;
	color: #f3f3f3 !important;
	font-size: 30px;
}

#footer .footer-menue ul li.menu-item a {
	text-decoration: none;
}

.hr-footer {
	color: #d3d3d3;
}


.footer-box-1 img {
	width: 350px;
}

.footer-bild img{
	border-radius: 100%;
}

.footer-rights {
	font-size:14px;
	color: #fff;
}

.sticky-to-top-button  {
	--tw-bg-opacity: 1;
	align-items: center;
	background-color: #fff;
	background-color: rgb(255 255 255/1);
	border-radius: 9999px;
	display: flex;
	height: 100%;
	justify-content: center;
	padding: 0.75rem;
	width: 60px;
	border: none;
	box-shadow: 0 2px 4px -1px #0003, 0 1px 10px #0000001f, 0 4px 5px #00000024;
	position: fixed;
	bottom: 20px;
	right: 30px;
	height: 60px;
	
}

.sticky-to-top-button.hidden {
	display: none;
}

/*-----------------
	3. Inhaltselement
-----------------------*/

.ie_einleitungstext {
	margin-bottom: 50px;
}

.ie_einleitungstext h1,
.ie_einleitungstext h2,
.ie_einleitungstext h3,
.ie_einleitungstext h4 {
	margin-bottom: 20px;
}

/*-----------------
	3.1  Dienstleistungen
-----------------------*/

.ie_dienstleistungen.section {
	position: relative;
}

.dienstleistung-teaser {
	text-align: center;
	margin-bottom: 40px;
	padding: 30px;
}

.dienstleistung-teaser a {
	text-decoration: none;
}

.dienstleistung-teaser h3 {
	margin-top: 20px;
	font-size: 16px;
}

.dienstleistung-teaser img {
	max-width: 100%;
	height: 150px;
}


.anlaesse-teaser {
	text-align: center;
	margin-bottom: 40px;
	padding: 40px;
}

.anlaesse-teaser h3 {
	margin-top: 20px;
}

.anlaesse-teaser h3 a {
	text-decoration: none;
	color: #333;
}

.anlaesse-teaser img {
	max-width: 100%;
	border-radius: 6px;
	height: 150px; 
}

.owl-buttons {
	position: relative;
}

.owl-buttons .owl-prev {
	left: 20px;
}

.owl-buttons .owl-next {
	right: 20px;
}

.owl-buttons .owl-prev,
.owl-buttons .owl-next {
	position: absolute;
	background-color: #ddbcb7!important;
	color: #fff;
	opacity: 1!important;
    padding: 4px 12px!important;
    border-radius: 50%!important;
    font-size: 14px!important;
	bottom: 0px;
}





/*-----------------
	3.2  Galerie
-----------------------*/

.ie_galerie_bilder .galerie-bild-teaser {
	margin-bottom: 40px;
}


.ie_galerie_bilder .galerie-bild-teaser img {
	border-radius: 6px;
}

/*-----------------
	3.3  Formular
-----------------------*/

.ie_formular iframe {
	width: 100%!important;
}

/*-----------------
	3.4  Text
-----------------------*/

/*-----------------
	3.5 Video Banner
-----------------------*/

.video_banner .example-marquee {
	position: relative;
}

.ytp-chrome-bottom, .ytp-chrome-top, .ytp-show-cards-title {
    display: none !important;
}

.video_content {
	display: table;
	width: 100%;
	padding: 300px 0;
	z-index: 1;
	position: relative;
}
  
.video_content .video_inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-left: 16px;
	padding-right: 16px;
}
  
.video_content .video_inner h1,
.video_content .video_inner h2 {
	color: white;
}
  
.video_content .video_inner h1 {
	font-size: 130px;
	text-shadow: 4px 4px #222831;
}

.video_content .video_inner p {
	font-size: 40px;
	color: white;
	text-shadow: 2px 2px #222831;
}

.fade-in-text {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
}

/* .fade-in-text span {
	opacity: 0;
	display: inline-block;
	transform: translateY(20px);
	animation: fadeInUp 1s ease forwards;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
} */

/*-----------------
	3.6 Home Header
-----------------------*/
@media only screen and (min-width: 600px) {
	.home .dreamdecor-header {
	z-index:1030px;
	position:absolute;
	width:100%;
	}
}

/*-----------------
	3.7 Banner Bild
-----------------------*/

.banner_bild {
    position: relative;
    text-align: center;
    overflow: hidden; /* Versteckt den überstehenden Teil des Bildes */
}

.banner_bild_bild {
    width: 100%;
    height: 100%;
    display: block;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(109, 109, 109, 0.534); /* Leicht transparentes Hellgrau */
    z-index: 1; /* Die Überlagerung liegt über dem Bild */
}

.banner_bild .headline, .bild_banner_subline {
    position: absolute;
    z-index: 2;
    color: white;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 0 20px;
}

.banner_bild .headline {
    font-size: 66px;
	line-height: 76px;
    font-weight: bold;
    top: 40%;
    transform: translateY(-50%);
}

.bild_banner_subline {
    font-size: 24px;
    top: 55%;
}

/*-----------------
	3.8 Paket
-----------------------*/

.paket-info {
	padding: 100px 0;
}

.row-anmerkungen-text-hinweis {
	padding: 30px 80px;
}

.row-anmerkungen-text-hinweis {
	padding: 20px 40px;
}

.row-anmerkungen {
	padding-bottom: 75px;
}


.dd-pricing-wrap {
	background-color: #fff;
	text-align: center;
	border: none;
	padding: 0px;
	margin-bottom: 20px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
}

.dd-pricing-wrap h5 {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: 'Petit Formal Script';
}

.dd-pricing-wrap .pricing-body {
	padding: 40px 40px;
}

.dd-pricing-header {
	padding: 30px;
	background-color: #ddbcb7;
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

}

.dd-price {
	padding: 20px;
	background-color: #ddbcb7;
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.dd-pricing-wrap img {
	height: 160px;
	margin-bottom: 50px;
}

.dd-pricing-wrap .pricing-body ul li {
	width: 100%;
	border-bottom: 1px solid #ddbcb72f;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
}


.dd-pricing-wrap .pricing-body ul li:first-child {
	border-top: 1px solid #ddbcb72f;
}

.dd-pricing-wrap .pricing-body {
    margin-top: 24px;
    margin-bottom: 30px;
}

.dd-pricing-wrap i.fa {
    font-size: 19px;
    margin-right: 20px;
	color: #1d1d1f;
}

.vorteile-liste {
    list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
    padding: 0; /* Entfernt das Standard-Padding der Liste */
}

.vorteile-liste li {
    box-sizing: border-box;
    margin-bottom: 10px; /* Abstand zwischen den Zeilen */
    vertical-align: top;
}

.vorteile-liste li:nth-child(2n+1) {
    margin-right: 5%;
}

.preis-inbegriffen-text {
	margin: 20px 0 0 0;
	font-size: 14px;
	font-style: italic;
}

/*-----------------
	3.9 Text Zweispaltig Info
-----------------------*/
.text-right-side-info {
	border: 1px solid #ddbcb72f;
    border-radius: 8px;
	padding: 20px;
	margin-left: 20px;
	background-color: #ddbcb72f;
}



/*--------------
	3.10 Icon Boxen 
--------------------*/

.ie_icon_boxen .icon-box-teaser {
	text-align: center;
	vertical-align: middle;
	margin-bottom: 20px;
	padding: 30px;
	
}


.ie_icon_boxen .icon-box-teaser img {
	height: 120px;
	margin-bottom: 15px;
}

.ie_icon_boxen .icon-box-teaser p {
	font-weight: bold;
	margin-top: 20px;
	font-size: 20px;
	line-height: 30px;
}


/*********************
	4. Breadcrumbs
*********************/

.breadcrumbs_wrapper {
	padding-top: 5px;
	padding: 10px 0;
	border: 1px solid #f2f3f1;
}

.breadcrumbs ul {
	padding: 0px;
	margin: 0px;
	color: #9d9d9c;
}

.breadcrumbs ul li {
	font-size: 14px;
	line-height: 1;
	z-index: 0;
	padding: 0 20px;
	position: relative;
	display: inline-block;
	color: #9d9d9c;
}

.breadcrumbs ul li:first-child {
	padding-left: 0px;
}

.breadcrumbs ul li a {
	color: #9d9d9c;
	text-decoration: none;
	text-transform: uppercase;
}

/*********************
	5. Sidebar
*********************/
.slide-nav .sidebar {
	margin-left: 0;
}

.sidebar-sticky{
    position: fixed;
}

.sidebar {
    background-color: #ddbcb7;
    right: 0;
    margin-right: 10px;
    top: 250px;
	bottom: 1903;
    transition: all 0.2s ease-in-out 0s;
    width: 270px;
    z-index: 100;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
	border-radius: 10px;
}

.sidebar.opened {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sidebar-inner {
	height: 100%;
	min-height: 100%;
}

.sidebar-menu {
    padding: 15px;
}

.sidebar-menu ul {
	font-size: 16px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.sidebar-menu ul li:first-child {
	padding: 0;
}

.sidebar-menu ul li {
	margin-bottom: 15px;
	font-size: 13px;
}

.sidebar-menu a {
	text-decoration: none;
	color: #1d1d1f;
}

.sidebar-menu img {
	height: 25px;
}


.sidebar-menu span{
    padding-left: 15px;
}


/*********************
	6. Kontakt
*********************/

.kontakt-box a {
	background-color: #ddbcb7;
    color: #fff;
    font-size: 18px;
    padding: 15px 30px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}


.btn-kontakt-seite i {
	margin-bottom: 20px;
	font-size: 30px!important;
	display: block;
}

.btn-kontakt-seite {
	background-color: #ddbcb7;
	padding: 15px 30px;
	margin-bottom: 20px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
}

.btn-kontakt-seit i {
	display: block;
	font-size: 40px!important;
	margin-bottom: 20px;
}


.social-media-box i {
	margin-right: 20px;
	font-size: 22px;
}

/*********************
	7. Anlass Detailseite 
*********************/

.page-template-anlass-php h1,
.stk-section-title h1,
.stk-section-title h2,
.stk-section-title h3,
.stk-section-title h4,
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.kontakt_template h1,
.kontakt_template h2,
.kontakt_template h3 {
	font-family: 'Petit Formal Script'!important;
}


/*-----------------
	8. Tooltip
-----------------------*/

.myTooltip
{
    padding: 10px;
    color: #fff;
    background-color: #222;
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    box-shadow: inset 0 0 10px #000;
    text-shadow: 0 0 3px #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.myTooltip:after
{
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-left-color: #000;
    top: -10px;
    right: 40px;
    z-index: -1;
}

.tooltip_wrapper {
	position: absolute;
	top: -45px;
	right: 47%;
}

.tooltip_wrapper i {
	font-size: 22px;
}

.tooltip_wrapper_relative {
	position: relative;
}


/*-----------------
	9. About - Seite
-----------------------*/

.about-template {
	font-size: 16px;
}

.about-template h2,
.about-template h3 {
	font-family: 'Petit Formal Script';
}

.about-template h2 {
	font-size: 40px;
	text-align: center;
}

.about-template h2 {
	border-bottom: solid 2px #d3d3d3;
	border-top: solid 2px #d3d3d3;
	margin-bottom: 100px;
	padding: 40px 0;
}

.about-template .inhalt-rechts {
	padding-left: 50px;
}

.about-template .block-1 h3 {
	margin-left: -70px;
	z-index: 100;
	position: relative;
	margin-bottom: 20px;
}

.about-template .block-1 .about-subline {
	margin-bottom: 20px;
}

.about-template .block-2 h3 {
	text-align: right;
	margin-right: -70px;
	z-index: 100;
	position: relative;
	margin-bottom: 20px;
}

.about-template .block-2 .about-subline {
	text-align: right;
	position: relative;
	margin-bottom: 20px;
}

.about-template .block-3 h3 {
	margin-bottom: 20px;
}

.about-template .block-3 img {
	margin-top: 25px;
}

.about-template .block-3 .about-subline {
	margin-bottom: 20px;
}

.about-template .block-3 .about-subline {
	margin-left: 150px;
}

.about-template .block-3 .about-text {
	margin-left: 150px;
}


/*-----------------
	10. Bildnachweis
-----------------------*/


.bildnachweis-template ul {
	list-style: none;
	margin: 20px 0px !important;
}

.bildnachweis-template ul li{
	line-height: 26px;
	margin-bottom: 5px;
	position: relative;
	padding: 8px 0px 8px 35px;	
}

.bildnachweis-template ul li::before{
	content: "\f00c";
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: -10px;
    height: 30px;
    width: 30px;
    text-align: center;
    align-items: center;
    border-radius: 50%;
}