/*Typography */

@import "typography.css";
/* Agent-Template */

html {
	overflow-x: hidden;
	overflow-y: auto;
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
	-webkit-appearance: none;
	border-radius: 0;
}

#main {
	width: 100%;
	overflow-x: hidden;
}

.btn.bg-main {
	background-color: #cc9933 !important;
	border-radius: 0.25rem !important;
	border-radius: 2px #fff solid !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.px-main {
	padding-left: 5%;
	padding-right: 5%;
}

@media (max-width:767px) {
	.px-main {
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media (max-width:575px) {
	.px-main {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.bg-main {
	background-color: #cc9933;
	color: #fff;
}

.btn.bg-main:hover {
	color: #fff;
	background-color: #d6b87a;
}

.text-main {
	color: #cc9933;
}

.btn-default {
	border: 1px solid #ccc;
}

.btn-default:hover {
	background-color: #eee;
}

@media (max-width:850px) {
	.hidden-mobil {
		display: none;
	}
}

@media (max-width:600px) {
	.hidden-xs {
		display: none
	}
}


.pic-float-right,
.pic-float-left,
.pic-block {
	width: 400px;
	max-width: 100%;
}

.pic-float-left {
	float: left;
}

.pic-float-right {
	float: right;
}

.pic-block {
	display: block;
	margin: auto;
}

@media (max-width:1150px) {
	#hero {
		height: calc(100vh - 40px) !important;
	}
}




/***** FIELDS */
.field {
	position: relative;
	height: 500px;

	border-bottom: 2px solid #cc9933;
}

.field_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.field_banner {
	position: absolute;
	width: 100%;
	bottom: 30px;
	background-color: rgba(255, 255, 255, 0.76);
}

.field_claim {
	position: absolute;
	bottom: 75px;
	left: 0;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;

	color: #fff;
}

.field_claim_anlass {
	background-color: rgba(148, 148, 148, 0.9);
}

.field_claim_vortrag {
	background-color: rgba(232, 214, 177, 0.9);
	color: #000;
}

.field_claim_kurs {
	background-color: rgba(143, 114, 112, 0.9);
}


.field_banner h3 {
	font-weight: bold;
	margin: 0;
	color: #000;
}

.field_banner a {
	position: relative;
	padding-right: 20px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

.field_banner a:hover {
	color: #cc9933;
}

.field_banner a:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 8px;
	width: 10px;
	height: 10px;
	transform: rotateZ(45deg);
	border-right: 2px solid #000;
	border-top: 2px solid #000;
}

.field_banner a:hover::after {
	border-right: 2px solid #cc9933;
	border-top: 2px solid #cc9933;
}

@media (max-width:767px) {
	.field_banner h3 {
		font-size: 16px
	}

	.field_banner a {
		font-size: 14px
	}

	.field_banner a:after {
		top: 6px
	}

	.field_claim {
		bottom: 69px
	}
}

@media (max-width:575px) {
	.field_banner a:after {
		top: 4px;
		right: 4px;
	}

	.field_claim {
		bottom: 91px
	}
}










/******** FOOOTER */
#footer a {
	font-weight: 400;
}

#footer_1 {
	position: relative;
	display: flex;
	justify-content: flex-start;
}

#footer_1 img {
	height: 175px;
	margin-right: 50px;
}

#footer_socialmedia {
	margin-top: 0px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	position: absolute;
	right: 5%;
}

#footer_socialmedia a {
	color: #fff;
	font-size: 50px;
	margin-right: 8px;
}

#footer_socialmedia a:hover {
	color: #cc9933
}

#footer_2, #footer_3, #footer_2 p, #footer_3 p {
	font-size: 14px;
}
#footer .btn {
	background-color: #e65301;
	color: #fff;
	border: none;
	margin-left: 10px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

#footer_netzwerk_und_partner img, #footer_versandpartner img, #footer_zahlungsmethoden img {
	height: 30px;
}

@media (max-width:767px) {
	#footer_netzwerk_und_partner {
		border-top: 2px solid #eee;
		padding-top: 20px;
		border-bottom: 2px solid #eee;
		padding-bottom: 20px;
	}
	#footer_versandpartner {
		padding-top: 20px;
		margin-bottom: 20px;
	}
}




@media (max-width:1050px) {
    #footer_1 {
        justify-content: space-between;
    }

    #footer_1 img {
        height: 150px;
    }

    #footer_socialmedia {
        position: static;
        margin-left: 50px;
    }
}

@media (max-width:767px) {
    #footer_1 {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    #footer_1 img {
        margin-right: 0;
        margin-bottom: 50px;
    }

    #footer_socialmedia {
        margin-left: 0;
        margin-top: 20px
    }

    #footer_3>div {
        text-align: left !important;
        margin-bottom: 20px;
    }
}