/* ALLGEMEIN */
html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #000;
	background: #FFF;
	border: none;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700!important;
}

h2,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #d41120;
}

.hidden {
    display:none;
}

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

.mobile-hidden {
	display: block;
}
.desktop-hidden {
	display: none;
}

.treaction-green {
	color: #7abe73;
}

p.normal {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 400;
}

p.condensed {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300; 
}

/* ENDE ALLGEMEIN */

/* BUTTONS */

.t-btn {
	background-color: #009c25;
	color: #fff!important; 
	padding: 15px 25px 15px 25px; 
	font-size: 18px; 
	font-family: 'Montserrat', sans-serif;
	font-weight: 600; 
    border-radius: 30px;
    text-decoration: none;
}

.t-btn:hover {
	background-color: #007d1e;
	color: #ffffff!important; 
    text-decoration: none;
}

/* ENDE BUTTONS */

/* HEADERBEREICH */

.navbar-dark, .navbar {
    background-color: #ffffff!important;
    border-bottom:1px solid #e6e6e6;
}

.nav-item, .nav-link {
    color:#000!important;
    font-family: 'Montserrat', sans-serif;
	font-weight: 700; 
	font-size: 14px;
	text-decoration: none;
}

a.navbar-daten {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300; 
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}

a.navbar-daten i {
	vertical-align: -1px;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-nav{

    margin-left: -100px;
}

.navbar-nav > li{
  padding-left:10px;
  padding-right:10px;
}

.header {
	padding: 200px 0px 200px 0px;
	background-image: url("../../img/tolymp-header.jpg");
	background-color: transparent;
	background-size: cover;
	background-position: center;
    margin-top: 98px;
}

img.logo {
	height:70px;
}

h1.title {
	color: #fff;
	font-size: 38px;
	text-transform: uppercase;
	line-height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}

h2.subtitle {
	margin-top: 14px;
	font-size: 30px;
	font-weight: 400;
	color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 30px;
    padding-top: 15px;
}

.h2-headline {
	font-size: 28px;
	font-weight: 600;
	color: #000;
    font-family: 'Montserrat', sans-serif;
}

.h3-headline {
	font-size: 24px; 
	font-weight: 400;
	color: #000;
    font-family: 'Montserrat', sans-serif;
}

.red {
	font-size: 22px;
	font-weight: 700;
	color: #d41120;
    font-family: 'Montserrat', sans-serif;
}

.red-price {
	font-size: 22px;
	font-weight: 500;
	color: #d41120;
    font-family: 'Montserrat', sans-serif;
}

.zitat-wrapper {
    padding:25px;
}

.zitat-wrapper-mobile {
    padding-top:25px;
}

.hide-contact {
        display:block;
    }

.nav-mobile {
	display:none;
    }   

/* ENDE HEADERBEREICH DESKTOP */


/* SECTION THEMEN */
section.themen-header {
	background-color: #FFF;
	padding-top: 60px;
	padding-bottom: 30px;
}

section.themen {
	background-color: #FFF;
	padding-top: 80px;
	padding-bottom: 80px;
}

i.themen-icon {
	font-size: 40px;
	color: #3f4447;
}

h3.themen-icon-title {
    padding-top:25px;
	font-size: 16px;
    font-family: 'Roboto', sans-serif;
	font-weight: 500!important;
}

.mobile-collum {
    width:100%!important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    padding-top:5px!important;
}

.grey {
    background-color: #e6e6e6;
    padding-top:60px;
    padding-bottom:60px;
    padding-left:30px!important;
    padding-right:30px!important;
}

.absatz {
    font-size: 16px!important;
    font-family: 'Roboto', sans-serif;
	font-weight: 400!important;
    color:#000!important;
}

.absatz-red {
    font-size: 16px!important;
    font-family: 'Roboto', sans-serif;
	font-weight: 400!important;
    color:#d41120!important;
}

.card-accordion {
    background-color: #e6e6e6;
    border:none!important;
    border-radius: 0px!important;
}

.faq-headline {
    font-size: 18px;
	font-weight: 600;
	color: #000;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none!important;
    margin-bottom:0px!important; 
}

.faq-headline-mobile {
    font-size: 13px;
	font-weight: 600;
	color: #000;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none!important;
    margin-bottom:0px!important; 
}

.absatz-faq {
    font-size: 16px!important;
    font-family: 'Roboto', sans-serif;
	font-weight: 400!important;
    color:#000!important;
    margin-bottom:0px!important;
    padding-left:35px;
}

.card {
    margin-bottom:5px!important;
    border:none!important;
    border-radius:0px!important;
    background-color:#e6e6e6!important;
}

.card-header {
    border:none!important;
    background-color:#e6e6e6!important;
}

.card-body {
    padding-top:0px!important;
}

.collapse {
    border:none!important;
    background-color:#e6e6e6!important;
}

.fa-caret-right {
  transition: all .4s ease;
}

.active .transform-chev {
  transform: rotate(90deg);
}

.active .faq-headline {
  color: #d41120;
}

.active .faq-headline-black {
  color: #000;
}

.ueber-tolymp {
    padding: 0px 0px 0px 0px;
	background-image: url("../../img/ueber-tolymp.jpg");
	background-color: transparent;
	background-size: cover;
	background-position: center left;
}

.montage {
    margin-bottom: 15px;
}

/* ENDE SECTION THEMEN */

li {
    list-style-type: none;
}


/* SECTION FORMULAR */
section.formular {
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a3a3a3!important;
  font-family: 'Montserrat', sans-serif;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #a3a3a3!important;
  font-family: 'Montserrat', sans-serif;
}

.checkboxcontainer-treaction {
	margin-bottom: 3px; 
	color:#000; 
}
.checkboxcontainer-treaction input {
	display: none;
}
.checkbox-treaction {
	position: absolute;
	top: 16px;
	left: 20px;
	height: 16px;
	width: 16px;
	border: 1px solid #000;
	border-radius: 0px;
	background-color: #FFF;
}
.checkboxcontainer-treaction input:checked ~ .checkbox-treaction {
  	background-color: #FFF;
}
.checkbox-treaction:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 0.75rem;
	margin-left: 2px;
	margin-top: -1px;
  	content: "\f00c";
  	position: absolute;
  	display: none;
}
.checkboxcontainer-treaction input:checked ~ .checkbox-treaction:after {
  	display: inline-block;
}
.checkboxcontainer-treaction .checkbox-treaction:after {
	color: #7abe73
}

h4.mehrwerte-headline {
	color: #FFF;
	margin-bottom: 25px;
}
h5.mehrwerte {
	font-weight: 300;
	color: #FFF;	
}
ul.mehrwerte-liste {
	margin-left: 30px;
}
ul.mehrwerte-liste li {
	margin-bottom: 18px;
}
i.mehrwerte-icon {
	color: #7abe73;
	font-size: 1.4rem;
	vertical-align: -2px;
}

/* ENDE SECTION FORMULAR */

.btn-link {
     text-decoration: none!important;
}

/* SECTION TESTIMONIALS */
section.testimonials {
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 80px;
}
div.zitat-bg {
	border: solid 1px #e4dede;
	padding-bottom:50px;
    background-color: #e6e6e6;
}
div.zitat-bg-2 {
	border: solid 1px #e4dede;
	padding-bottom:0px;
    background-color: #e6e6e6;
}
p.testimonial-zitat {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	line-height: 125%;
	color: #000000;
	margin-bottom: 5px;
}
p.testimonial-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 2px;
}

.owl-dots {
	margin-top: 20px !important;
}
.owl-carousel .active span {
	color:#d41120;
}

.owl-prev, .owl-next {
    position:absolute;
    
}

.owl-prev {
    left: 0;
    margin-left:-50px!important;
    top: 350px;
    color: #d4111f!important;
    font-size: 30px!important;
}

.owl-next {
    right: 0;
    margin-right:-50px!important;
    top: 350px;
    color: #d4111f!important;
    font-size: 30px!important; 
}

.owl-prev:hover {
    background-color: #fff!important;
}

.owl-next:hover {
    background-color: #fff!important;
}

.owl-prev:active {
    border: none!important;
}

.owl-next:active {
    border: none!important;
}

.owl-carousel-2 .owl-prev {
    top: 180px;
}

.owl-carousel-2 .owl-next {
    top: 180px;
}

.owl-next:focus, .owl-prev:focus {
    outline: none;
}
    
.span-normal {
    color:#000;
}
/* ENDE SECTION TESTIMONIALS */

/* KONTAKT */
.e-mail-top {
	position: absolute;
	top: 750px;
	right: 0px;
	height: 50px; 
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: var(--akzentfarbe, #d41120);
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.5);
	z-index: 990;
}

.e-mail-scroll {
	position: fixed !important;
	top: 100px !important;
}

.telefon-top {
	position: absolute; 
	top: 810px;
	right: 0px;
	height: 50px; 
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: var(--akzentfarbe, #d41120);
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.5);
	z-index: 991;
}

.telefon-scroll { 
	position: fixed !important;
	top: 160px !important;
}

.whatsapp-top {
	position: absolute; 
	top: 870px;
	right: 0px;
	height: 50px; 
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: var(--akzentfarbe, #d41120);
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.5);
	z-index: 991;
}

.whatsapp-scroll { 
	position: fixed !important;
	top: 220px !important;
} 

.go-to-top {
	position: absolute; 
	top: 930px;
	right: 0px;
	height: 50px; 
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: var(--akzentfarbe, #404447);
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.5);
	z-index: 991;
}

.gototop-scroll { 
	position: fixed !important;
	top: 280px !important;
}


div.icon-box {
	float: left;
	height: 50px;
	width: 50px;
	text-align: center;
}

.icon-box i {
	position:relative;
    top: calc(50% - 10px);
	font-size: 20px;
	color: #FFF;
}

.clearspace {
    
    width:100%;
    height:25px;
}

.clearspace-small {
    
    width:100%;
    height:15px;
}

#e-mail-mobile-sticky {
	position: fixed;
	bottom: 140px;
	right: 0px;
	height: 50px; 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: var(--akzentfarbe, #7abe73);
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.5);
	z-index: 990;
	display: none;
}

#telefon-mobile-sticky {
	position: fixed; 
	bottom: 80px;
	right: 0px;
	height: 50px; 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: var(--akzentfarbe, #7abe73);
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.5);
	z-index: 991;
	display: none;
}

div.icon-box-mobile {
	height: 50px;
	width: 50px;
	text-align: center;
}

.icon-box-mobile i {
	position:relative;
    top: calc(50% - 10px);
	font-size: 20px;
	color: #FFF;
}

div.kontakt-box {
	float: left;
	height: 50px;
	display: table;
	padding-right: 15px;
}
.kontakt-box a {
	color: #FFF !important;
	text-decoration: none !important;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

div.clear {
	clear: both;
}

.left-item {
    margin-left:30px;
}

/* FOOTER */
#treaction-footer {
	background-color: #111111;
	padding-top: 50px;
	padding-bottom: 60px;
	
}
.footer-linkbereich {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #FFF;
}
a.footer-link {
	transition-duration: 0.15s;
	transition-property: color;
	transition-timing-function: ease-in-out;
	color: #FFF;
	text-decoration: none;
}
a.footer-link:hover {
	color: #d41120;
	text-decoration: none;
}
.footer-iconbereich {
	text-align: right;
}
i.footer-icon {
	font-size: 32px;
	color: #FFF;
	transition-duration: 0.15s;
	transition-property: color;
	transition-timing-function: ease-in-out;
}
i.footer-icon:hover {
	color: #d41120;
}
p.copyright {
	margin-top: 15px;
	font-size: 0.9rem;
	color: #FFF;
}

.footer-linkbereich-mobile {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #FFF;
}
p.copyright-mobile {
	text-align: center;
	margin-top: 15px;
	font-size: 0.9rem;
	color: #FFF;
}
.footer-iconbereich-mobile {
	text-align: center;
	margin-top: 10px;
}
i.footer-icon-mobile {
	font-size: 38px;
	color: #FFF;
	transition-duration: 0.15s;
	transition-property: color;
	transition-timing-function: ease-in-out;
}
/* ENDE FOOTER */

/* MEDIA QUERIES */


    


@media (max-width: 1200px) {
    
    
.h3-headline {
	font-size: 20px; 
	font-weight: 400;
	color: #000;
    font-family: 'Montserrat', sans-serif;
}
    
.red {
	font-size: 18px;
	font-weight: 700;
	color: #d41120;
    font-family: 'Montserrat', sans-serif;
}

.red-price {
	font-size: 18px;
	font-weight: 500;
	color: #d41120;
    font-family: 'Montserrat', sans-serif;
}   
}

@media (max-width: 1073px) {

.header {
	padding: 200px 0px 200px 0px;
	background-image: url("../../img/tolymp-header.jpg");
	background-color: transparent;
	background-size: cover;
	background-position: center;
    margin-top: 100px;
}   
}



@media (max-width: 1600px) {
    
   .navbar-nav{ 
    margin-left: 0px;
    }
}

@media (max-width: 1416px) {
    
   .hide-contact {
    display:none;
}   

}


@media (max-width: 991px) {
    
.left-item {
    margin-left:0px;
    margin-top:25px;    
}
    
.hide-contact {
    display:block;
}
    
.navbar { 
     position:relative!important;        
}

h3.themen-icon-title {
    padding-top:25px;
	font-size: 16px;
    font-family: 'Roboto', sans-serif;
	font-weight: 500!important;
}
	
h1.title {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    
}
    
h2.subtitle {
	margin-top: 14px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 30px;
    padding-top: 15px;
}

.header {    
	padding: 100px 0px 100px 0px;
	background-image: url("../../img/tolymp-header.jpg");
	background-color: transparent;
	background-size: cover;
	background-position: center;
    text-align: center;
    box-shadow:inset 0 0 0 2000px rgba(000, 0, 0, 0.4);   
    margin-top:0px;    
}
    
.t-btn {
	background-color: #009c25;
	color: #fff!important; 
	padding: 15px 25px 15px 25px; 
	font-size: 16px; 
	font-family: 'Montserrat', sans-serif;
	font-weight: 600; 
    border-radius: 30px;
    text-decoration: none;
        
} 
    
.text-center-mobile {
     text-align: center;
}
 
.mobile-hidden {
		display: none!important;
}
    
.desktop-hidden {
		display: block;
}
    
.mobile-padding {
		padding-left: 25px;
		padding-right: 25px;
}
}

@media (max-width: 767px) {
    
.ueber-tolymp {
    padding:0px;   
	background-image: url("../../img/ueber-tolymp.jpg");
	background-color: transparent;
	background-size: contain;
	background-position: top!important;
    height:400px;
}
    
.h2-headline {
	font-size: 24px;
}
    
.owl-prev {
    left: 0;
    margin-left:10px!important;
    top: 0px;
    color: #d4111f!important;
    font-size: 30px!important;
    padding:25px!important;
}

.owl-next {
    right: 0;
    margin-right:10px!important;
    top: 0px;
    color: #d4111f!important;
    font-size: 30px!important;
    padding:25px!important; 
}
    
.item {     
    margin:20px;   
}
}

@media (max-width: 500px) {
    
.mobile-text-table{
    font-size:14px;
}
    
.themen-header{
     padding-top:20px!important;
     padding-bottom:20px!important; 
}
    section.formular {
	padding-top: 40px!important;
	padding-bottom: 20px!important;
}
   
   .t-btn {
	background-color: #009c25;
	color: #fff!important; 
	padding: 15px 12px 15px 12px; 
	font-size: 13px; 
	font-family: 'Montserrat', sans-serif;
	font-weight: 600; 
    border-radius: 30px;
    text-decoration: none; 
    width:100%;   
   
}
    
    .grey{
    background-color: #e6e6e6;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:15px!important;
    padding-right:15px!important;
}
    
    .text-alignment-mobile {
	text-align: center;
    margin-bottom:25px;
}