.call_to_action:not(.call_to_action_no_bg){
	padding: 200px 0;
	position: relative;
	background-position: center;
	background-size: cover;
}

.call_to_action_no_bg{
	padding: 80px 0;
	background-color: #12223a;
}

.call_to_action:not(.call_to_action_no_bg):before{
	content: "";
	background-color: rgba(12, 24, 41, 0.87);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.call_to_action h2{
	color: #f1ede3;	
}

.call_to_action:not(.call_to_action_no_bg) h2{
	font-family: marine, sans-serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 92px;
}

.call_to_action :is(p, ul, ol){
	color: #f1ede3;
}

.call_to_action_bellen{
	color: #fff;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: 15px;
    display: inline-block;
    line-height: normal;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
}

@media (max-width:767px)
{		
	.call_to_action:not(.call_to_action_no_bg) h2{
		font-size: 30px;
		line-height: 40px;
	}
	
	.call_to_action,
	.call_to_action:not(.call_to_action_no_bg){
    	padding: 35px 15px 50px;
	}
	
	.call_to_action_bellen{
		margin-left: 0;
		margin-top: 10px;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.call_to_action:not(.call_to_action_no_bg) {
    	padding: 60px 0;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}