/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 0px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 0px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 0px; }
    .ce-below .ce-gallery { margin-top: 0px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_t3pagehero" */

.topbar {background: #f9f9f9!important;color: #000000!important; font-size: 16px }
.topbar a {color: #000000!important; font-size: 16px }
.topbar a:hover {color: #000000!important; font-size: 16px!important; }

input[type="checkbox"]:checked + span::before {background-color: #A71580;}

svg.radial-progress:nth-of-type(6n+1) circle { stroke: #A71580!important; }

.boxUDContent {width: 100%;display: inline-block;padding: 0 25px 0;box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.03);}
.form-control:focus {border-color: #A71580!important;    box-shadow: 0 0 0 0.2rem #A715804a !important;}

.card-columns .card {
margin-bottom: calc(25px + (25 - 25) * ((100vw - 320px) / (1080 - 320))) !important;
}

.card-columns {-webkit-column-gap: 25px!important;
    -moz-column-gap: 25px!important;    column-gap: 25px!important;}

.btn-outline-primary {
 color:#A71580!important; border-color:#A71580!important;border: 1px solid !important}

.btn-outline-primary:hover { background-color:#A71580!important;border: 1px solid #A71580!important; }

.btn-outline-secondary {
 color:#FFFFFF!important;
 border-color:#FFFFFF!important;
border: 1px solid !important;
}
.btn-outline-secondary:hover {
 background-color:#FFFFFF!important;
border: 1px solid #FFFFFF!important;
}

.btn-outline-success {
 color:#44C252!important;
 border-color:#44C252!important;
border: 1px solid !important;
}
.btn-outline-success:hover {
 background-color:#44C252!important;
border: 1px solid #44C252!important;
}

.btn-outline-info {
 color:#C24444!important;
 border-color:#C24444!important;
border: 1px solid !important;
}
.btn-outline-info:hover {
 background-color:#C24444!important;
border: 1px solid #C24444!important;
}

.link-button.secondary.btn {
 background:#FFFFFF!important;
 border-color:#FFFFFF!important;
border: 0px solid !important;
}
.link-button.secondary.btn:hover {
 background-color:#FFFFFF!important;
border:0px solid transparent!important;
}

.white-bg1 {
background:{data.select_bgcolor}{data.select_bgcolor_transparent}
}

.link-button.success.btn {
 background:#44C252!important;
 border-color:#44C252!important;
border: 0px solid !important;
}
.link-button.success.btn:hover {
 background-color:#44C252!important;
border: 0px solid transparent!important;
}

.link-button.info.btn {
 background:#C24444!important;
 border-color:#C24444!important;
border: 0px solid !important;
}
.link-button.info.btn:hover {
 background-color:#C24444!important;
border: 0px solid transparent !important;
}



.et_event_title {color: #A71580 !important;}


a {color: #A71580 !important;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: #A71580!important;}
.ce-icon-content .icon {color: #A71580}
.dropdown-item.active, .dropdown-item:active {color: #fff !important;background-color: #A71580 !important;}
.slidehead .sliderbutton, .btn-primary {background: #A71580 !important;}
.content ul > li::before, .content-container ul > li::before {color:#A71580;}
.grey-bg {color:#595B60!important;}
a:hover {color: #595B60 !important;}
body {
color:#595B60!important;
font-weight:500!important;
font-size: calc(16px + (16 - 16) * ((100vw - 320px) / (1080 - 320))) !important;
}
.alternativ {font-family: default}
.panel a { color: #595B60!important;}

.panel-heading a:hover, .accordion a:not(.collapsed):hover {
    background: #A71580 !important;
    color: #fff !important;
}

.accordion a:not(.collapsed) {
    color:#A71580!important;
}


   #nav .container {max-width: {$plugin.tx_t3pagehero.Layouts.grid.hlayoutwidth.width}px !important;}
   .container {max-width: 1080px !important;}
   footer .container {max-width: {$plugin.tx_t3pagehero.Layouts.grid.flayoutwidth.width}px !important;}

.container-70 {
max-width: calc(1080px - (1080px * 30 / 100)) !important;
padding-right: 25px!important;
    padding-left: 25px!important;
}

.container-60 {
max-width: calc(1080px - (1080px * 40 / 100)) !important;
padding-right: 25px!important;
    padding-left: 25px!important;
}
.container-50 {
max-width: calc(1080px - (1080px * 50 / 100)) !important;
padding-right: 25px!important;
    padding-left: 25px!important;
}

   .navbar, .container, .container-fluid, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 25px!important;
    padding-left: 25px!important;
}


    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom: 25px!important;}
    .ce-intext.ce-left .ce-gallery {margin-right: calc(25px + 25px)!important;}
    .ce-intext.ce-right .ce-gallery {margin-left: calc(25px + 25px)!important;}

	.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-column {margin-right: 25px !important;}
    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-column{margin-left: 25px !important;}

	.ce-intext.ce-left .ce-gallery .ce-column {margin-right: calc(25px + 25px)!important;}
    .ce-intext.ce-right .ce-gallery .ce-column {margin-left: calc(25px + 25px)!important;}





.row {
    margin-right: -25px!important;
    margin-left: -25px!important;
}
    .frame-1 {@media (max-width: 1411px) {

        margin-right:25px !important;
        margin-left:25px !important;
    }
}


.primary {background-color: #A71580 !important;}
.white-bg {background-color: #FFFFFF;}
.light-bg {background-color: #F9F9F9 !important;}
.grey-bg {background-color: #A71580;}
.dark-bg {background-color: #333333;}
.white-bg1 {background-color: #FFFFFF;}

body {background-color: #FFFFFF !important;}


/***Abstand***/

.frame-space-before-extra-small {margin-top:calc(16px + (16 - 16) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-before-small {margin-top:calc(24px + (20 - 24) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-before-medium {margin-top:calc(22px + (22 - 22) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-before-large {margin-top:calc(50px + (64 - 50) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-before-extra-large {margin-top:calc(90px + (128 - 90) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-after-extra-small {margin-bottom:calc(16px + (16 - 16) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-after-small {margin-bottom:calc(24px + (20 - 24) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-after-medium {margin-bottom:calc(22px + (22 - 22) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-after-large {margin-bottom:calc(50px + (64 - 50) * ((100vw - 320px) / (1080 - 320)))}
.frame-space-after-extra-large {margin-bottom:calc(90px + (128 - 90) * ((100vw - 320px) / (1080 - 320)))}





/***Headlines***/

h1 {
font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1080 - 320))) !important;
font-weight:500 !important;
color: #A71580;
text-transform: inherit;
}

h2 {
font-size: calc(22px + (32 - 22) * ((100vw - 320px) / (1080 - 320))) !important;
font-weight:500 !important;
color: #A71580;
text-transform: inherit;
}
h3 {
font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1080 - 320))) !important;
font-weight:500!important;
color: #A71580;
text-transform: inherit;
}
h4 {
font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1080 - 320))) !important;
font-weight:500 !important;
color: #A71580;
text-transform: inherit;
}
h5 {
font-size: calc(18px + (18 - 18) * ((100vw - 320px) / (1080 - 320))) !important;
font-weight:500!important;
color: #A71580 ;
text-transform: inherit;
}

.h2.headline {
font-size: calc(28px + (28 - 28) * ((100vw - 320px) / (1080 - 320))) !important;
font-weight:500 !important;
color: #A71580 ;
text-transform: inherit;
}

.h3.headline {
font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1080 - 320))) !important;
font-weight:500 !important;
color: #A71580 ;
text-transform: inherit;
}


footer {background: ; color: #FFFFFF; font-size: 16px }
footer a {color: #FFFFFF !important;}
footer a:hover {color: #FFFFFF !important;}
footer h1,footer h2,footer h3,footer h4,footer h5,footer .h2, footer.h3 {color: #FFFFFF !important;}



#navigation {background: #FFFFFF!important; font-size: 16px }
 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, #customnav .nav-link:hover,a.smicon:hover
{color: #000000!important; font-size: 16px}

 .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus,
#customnav .nav-link:focus
{color: #000000!important;font-size: 16px }

 a.smicon {color: #000000B8 !important;font-size: 16px }

.content ul.breadcrumb li a {color: #000000B8 !important}
.content ul.breadcrumb li a:hover {color: #000000 !important}

#navigation .navbar-toggler .line, #customnav .navbar-toggler .line { background-color: #000000;}

@media (max-width: 991px) {
.nav-item {
    border-bottom: 1px dotted #000000;
}
}


.navbar-light .navbar-nav .start41 .nav-link {
  color: #175d4d !important;
}

.navbar-light .navbar-nav .start41 .nav-link::after,
.first.\34 1.nav-item.active.dropdown .nav-link::after{
    color: #ddde00;
    content: "" !important;
    display: block;
    position: absolute;
    left: 0 !important;
right: 1rem;
    bottom: 15px;
    border-bottom: 2px solid !important;

}



@media (min-width:1080px) {
h1{font-size:32px !important;}
h2{font-size:32px !important;}
h3{font-size:22px !important;}
h4{font-size:20px !important;}
h5{font-size:18px !important;}
.h2.headline{font-size:28px !important;}
.h3.headline{font-size:32px !important;}
body {font-size:16px !important;}
.card-columns .card {margin-bottom: 25px !important;}
.frame-space-before-extra-small {margin-top:16px}
.frame-space-after-extra-small {margin-bottom:16px}
.frame-space-before-small {margin-top:20px}
.frame-space-after-small {margin-bottom:20px}
.frame-space-before-medium {margin-top:22px}
.frame-space-after-medium {margin-bottom:22px}
.frame-space-before-large {margin-top:64px}
.frame-space-after-large {margin-bottom:64px}
.frame-space-before-extra-large {margin-top:128px}
.frame-space-after-extra-large {margin-bottom:128px}


}

#header.mobil {
	color:#000000!important;
	background:#000000!important;
}

#header.mobil a:before {
	background:#000000!important;

}
#header.mobil a span {
	background:#000000!important;
}


.menufont {
	color:#000000!important;
}




