/*
 TdS Petrol: #007194
*/

body {
  font-family:'BundesSansWeb';
  color: #303030;
}

.navbar ul{
  margin-left: 20px;
}

strong,
th {
  font-family: 'BundesSansWebBold';
  font-weight: normal;
}

.twocol_9-3 main {
  padding-right: 40px; 
}

hr {
  border-top: none;
  border-bottom: 4px solid #007194;
  margin: 55px 0 55px 0;
}

h1,
h2,
h3,
h4 {
    font-family: 'BundesSansWebBold';
    line-height: 1.25em;
}

h5,
h6 {
    font-family: 'BundesSansWeb';
    line-height: inherit;
}

a:focus {
  outline: 1px dotted #000;
}

/* Zwischenüberschriften Startseite (Layout 3) */
.layout-3 h2 {
  border-top: 4px solid #007194;
  padding: 25px 0 0 0 ;
  margin: 75px 0 15px 0;
  font-size: 20pt;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.25em;
}

/* Reguläre H3 */
h3 {
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.25em;
}

.small {
  font-size: 14px!important;
  color: #666;
}

a {color: #007194}
footer {
  font-family:'BundesSansWeb';
}

.fa-book-reader:before {
 content:"\f5da"
}

.fa-heart:before {
  content:"\f004"
}

.tds-topnav {
  text-align: right;
  padding: 20px 0 0 0;
  height: 267px;
}

.tds-topnav a {
  margin-left: 10px;
  font-size: 95%;
  color: #666;
}

nav {
  font-family:'BundesSansWeb';
}

a.dropdown-toggle::after { /* No caret on dropdown link */
  display: none;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8); /* Color of inactive menu links */
}

@media only screen and (min-width: 768px) { /* Only on large screens */
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.25rem;
    padding-left: .5rem;
  }
}

.navbar-brand,
.navbar-brand a {
   font-size: 0px!important;
   color: transparent!important;
}

/*
Config Jumbotron:
  fluid: [ ]
  container: none
  container-position: inside

Carousel-Container -> Erscheinungsbild: 
  Container: container-fluid
  max Image-width: 1920
*/

.jumbotron {
  margin: 0!important;
  padding: 0!important;
}

.jumbotron .container-fluid {
  margin: 0!important;
  padding: 0!important;
}

/*
.carousel img {height: 300px; width: 1600px; max-width: 1600px}
*/

.carousel-caption {
  padding: 20px;
  background: #fff;
  text-align: left;
  margin-bottom: 30px;
  margin-left: 100px;
  margin-right: 100px;
  opacity: .8;
  color: #000;
}

.carousel-caption h2 {
  color: #008B97;
  font-size: 22pt;
  line-height: 1.4em;
  font-family: 'BundesSansWebBold';
  margin-bottom: .5em;
}
.carousel-caption p {
  font-size: 14pt;
  line-height: 1.4em
}

#main-navbar ul{
  margin-left: 5px
}

@media only screen and (min-width: 992px) { /* Only on large screens */
  #main-navbar {
    margin-left: -30px
  }
}

#main-navbar {
  /* background-color: #007194; */
}

.nav-link {
  font-size: 14pt;
  margin-right: 30px;
  text-transform: uppercase;
}

.dropdown-item {
  font-size: 16pt;
}

.dropdown-menu {
  margin-top: 7px;
  border-radius: 0;
}
.footer {
  background-color: #007194;
  padding: 50px 0;
}

.footer a {
  color: #fff;
  text-decoration: underline;
}

footer.bg-dark {
  background-color: #f0f0f0!important;
}

.tds-footer-logo-heading {
  color: #000;
  margin-bottom: 20px;
}
.tds-footer-logos {
  padding: 40px 0 75px 10px;
}

.tds-footer-logo-1,
.tds-footer-logo-2,
.tds-footer-logo-3,
.tds-footer-logo-4 {
  text-align: center;
  padding: 20px 0;
}


footer p {
  font-family: BundesSansWeb;
  margin: 0!important;
  padding: 0!important;
  font-size: 12.666pt!important;
  line-height: 1.5em;
  text-align: center;
}

footer {margin-top: 100px;}

.media-body p,
.media-body li, 
.main-content p,
.main-content li {
  font-size: 12.333pt;
  line-height: 1.5em;
  hyphens: auto!important;
  margin-bottom: 1rem;
}

.main-content a {
  text-decoration: underline;
}

.main-content li {
  list-style-type: square;
}

/* Zweispaltige Anzeige (Foto neben Text) im zweispaltigen Container */
/* Silbentrennung sicherstellen, da ansonten das Foto zu klein wird, wenn eine Überschrift ohne Umbruch zu lang läuft*/
.col-md-6 .media h4,
.col-md-6 .media p {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  word-wrap: break-word;
}
/* TODO: Eventuell Breite anpassen, je nach Viewport */
.col-md-6 .media h4,
.col-md-6 .media p {
  /* max-width: 200px; */
}

/* Ende zweispaltige Anzeige */ 


/* First heading in main content area is H2 while page title is H1.
   We must have H1 only once (it is inside the main menu)!
   First heading (h2) of main content is slightliy bigger (.layout-1)
*/
.layout-1 h2  {
 font-family: 'BundesSansWeb';
 font-size: 32pt;
 margin: 15px 0 20px 0;
}

.card-deck .card {
  border-radius: 0;
  border: none;
}

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

.card-deck .card-body h3,
.card-deck .card-body h4,
.card-deck .card-body h5 {
  font-family: 'BundesSansWebBold';
  font-weight: normal;
  font-size: 18pt;
  letter-spacing: .1em;
  line-height: 1.25em;
  hyphens: auto!important;
}

.card-deck .card-body h3 a,
.card-deck .card-body h4 a,
.card-deck .card-body h5 a {
  color: #000;
}
.card-deck .card-body p {
  font-size: 12.333pt;
  line-height: 1.5em;
}

.card-deck .card-img,
.card-deck .card-img-top {
  border-radius: 0;
}

.card-deck .card-header {
  background: none;
  padding: 0;
  margin: -15px 0 15px 0;
  border: none;
  font-family: 'BundesSansWebBold'; 
  font-weight: normal;
  font-size: 18pt;
  letter-spacing: .1em;
  line-height: 1.25em;  
}

/* Subheadings in cards */
.card-deck .card-text h4 {
  margin-top: 1.5em;
  hyphens: auto;
}

/* Other headings than h4 not allowed in cards. We mark it pink */
.card-deck .card-text h1,
.card-deck .card-text h2,
.card-deck .card-text h3,
.card-deck .card-text h5,
.card-deck .card-text h6 {
  color: #c0c!important;
}

.media {
  padding: 25px 0;
}

.media img {width: 128px; height: auto;
}

/* DELETE!!
.media h6 {font-size: 14pt;
padding: 10px 0 0px 0}

.media h6::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f13a";
    color: #008b97;
    font-size: 27px;
    display: block;
    float: left;
    margin-top: -5px;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/
.back-to-top {
  display: none!important;
}

/* Upload mit plupload */
.plupload_button {
   padding-top:5px !important;
}

.plupload_wrapper {
  font: normal 12px Arial, sans-serif !important;
}

.plupload_container {
  padding: 0px !important;
  margin-top: 20px!important;
}

.plupload_header_title {
   padding-top: 12px !important;
}

.plupload_header_content {
   background-image: none !important;
   padding-left: 8px !important;
}

.plupload_filelist .plupload_file_name {
    width: auto!important;
    white-space: nowrap;
    text-overflow: none!important;
}

/* Additional fontawesome icons */
.fa-eye-slash:before{
  content:"\f070";
}

.fa-eye:before{
  content:"\f06e";
}

.fa-user-circle:before{
  content:"\f2bd";
}

.fa-instagram:before{
  content:"\f16d";
}

.fa-edit:before{
  content:"\f044";
}

.fa-image:before{
  content:"\f03e";
}

.fa-file-alt:before{
  content:"\f15c";
}

.fa-trash:before{
  content:"\f1f8";
}

.fa-exclamation-circle:before{
  content:"\f06a";
}

.fa-check-circle:before{
  content:"\f058";
}

.fa-star:before{
  content:"\f005";
}

/* End Additional fontawesome icons */

.tds-form-user-new h4,
.tds-form-user-edit h4 {
  margin-top: 50px;
}

.tds-form-user-new h4:first-of-type,
.tds-form-user-edit h4:first-of-type {
  margin-top: inherit;
}


/* Additional styles from CKE (RTE) */

.tds_iconlink { 
  margin-top: -4px;
}

.tds_iconlink a {display: table-cell;
  line-height: 1.25em;
}

p.tds_icon {
  line-height: 1.25em;
}

p.tds_icon a {
  /* No underlining of link here, as the link can also be 
  recognized by the icon in terms of accessibility */
  text-decoration: none; 
} 

.tds_icon:before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  content: "";
  color: #008b97;
  font-size: 20px;
  display: block;
  float: left;
  margin-right: 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tds_iconlink::before {
  /* arrow-circle-right */
  content: "\f0a9"; 
}
.tds_icondownload::before {
  /* arrow-circle-down */
  content: "\f0ab"; 
}

.tds_iconback::before {
  /* arrow-circle-left */
  content: "\f0a8"; 
}

/* End Additional styles from CKE (RTE) */





h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none!important;
}


/* More padding between card columns on large screens */
@media (min-width: 768px) {
 .card-deck .card-deck .card:nth-child(1) {
   padding-right: 16px;
 }
 .card-deck .card-deck .card:nth-child(2) {
   padding-left: 8px;
   padding-right: 8px;
 }
 .card-deck .card-deck .card:nth-child(3) {
   padding-left: 16px;
 }
}

/* Reset the padding for IE (using css-hack) */
@media screen\0 {
 .card-deck .card-deck .card:nth-child(1) {
   padding-right: inherit;
 }
 .card-deck .card-deck .card:nth-child(2) {
   padding-left: inherit;
   padding-right: inherit;
 }
 .card-deck .card-deck .card:nth-child(3) {
   padding-left: inherit;
 }
}

/* Trim paddings in 2 column container on start page */
.row.layout-1 {
  padding-top: 20px;
  padding-bottom: 5px
}
.row.layout-1 h4 {margin-top: -7.5px}
.row.layout-1 p {padding-right: 10px;}
.row.layout-1 img {padding-right: 10px}

.card-deck .card.above {border: none;}

@media (max-width: 575px) {
  .card-deck .card-body {
    margin-bottom: 80px;
   }
   /* Only on the start page more padding for some elements */
   #page-42 .row.layout-1 {
     margin-bottom: 80px;
   }
}


/* Home 2 */
/* TO BE DELETED */
/*
.news a {
  text-decoration: none!important;
}

.tds-news-list-date {display: none;}

a.more {
display: none;
}

.news .tds_iconlink:first-of-type {
  display: none!important;
}


.news-img-wrap img {
width: 339px;
  height: 191px;
  margin-left: -15px;
    	margin-bottom: 12px
}

.news h4 {
  margin-top: -5px;
  font-family: 'BundesSansWebBold';
  font-weight: normal;
  font-size: 18pt;
  letter-spacing: .1em;
  line-height: 1.25em;
}

.news h4 a {color: #000;}

.news {
  padding-bottom: 4px!important;
}
*/



table.tds_prax_list {
  margin: 20px 0 60px 0;
}

.tds_prax_list tr {
  border-bottom: 1px solid #444;
}

.tds_prax_list td,
.tds_prax_list th {
  padding: 15px 10px 15px 0px;
  vertical-align: top;
}

.tds_prax_list caption {
  caption-side: top;
  font-size: 24px;
  font-weight: bold;
  color: #007194;
}

table.tds-prax-table {
  width: 100%;
  border-top: 4px solid #007194;
  margin-top: 40px
}

.tds-prax-table td {
  border-bottom: 2px solid #f0f0f0;
  padding: 15px 0;  
}

.tds-prax-table td:nth-child(2){
 text-align: right;
}

.tx-tds-praxisbeispiele h3 {
  margin-top: 45px;
}

.femanager_submit {
  margin-left: -15px;
  margin-top: 30px;
}

.femanager_terms {
  margin-top: 40px
}

select { 
  font-family: 'BundesSansWeb', Arial, Helvetica, sans-serif!important;
}

.tds-veranst-view p {
  margin: 3px 0;
}

/* jQuery chosen */

.chosen-container {
  width:100%!important;
}

.chosen-container-multi .chosen-choices {
  padding: 5px 5px;
  border-radius: 0.25rem;
  background-image: none;
  border-color: #ced4da;
}

.chosen-container-active .chosen-choices {
  border-color: #f07d00;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(240, 125, 0, .6);
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  padding-left: 10px;
  font-size: 16px!important;
}

.chosen-search-input {  
  font-size: 14px!important;
  font-family: 'BundesSansWeb'!important;
}

.chosen-container {
  font-size: 14px!important;
}

.chosen-container-multi .chosen-choices li.search-choice {
 margin: 2px 5px 2px 0;
 padding: 2px 20px 2px 5px;
 line-height: 1.2em;
 cursor: default;
  font-size: 14px;
}
 
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
 top: 5.5px;
}  

.chosen-search-input.default.chosen-search-input {
 color: #495057!important;
 padding-top: 0px!important;
}

/* End jquery chosen */

/* Content in aside */

aside {
  margin-top: 20px
}

aside .tx-felogin-pi1 {
  padding-top: 5px
}

aside .tds-forgot-password {
  margin-top: 8px;
  display: block;
}

.tx-felogin-pi1 h3 {
  display: none;
}

.tx-felogin-pi1 > div {
  display: none;
}

.tx-felogin-pi1 > div.alert {
  display: inherit;
  text-indent: -.45em;
}

aside h2 {
  border-bottom: 4px solid #007194;
  padding: 0 0 5px 0;
  margin: 10px 0 10px 0;
  font-size: 20pt;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.25em;
}

aside .tds_iconlink {
  margin-top: 15px;
}

aside > div {
  margin-bottom: 60px;
}

aside > div:last-of-type {
  margin-bottom: 0px;
}
aside p {hyphens: auto;}

/* End content in aside */

/* In main there is no visible h1 allowed. 
   We mark it pink if used anyway */
main h1 {
  color: #c0c!important;
}

/* In main every h2 has to have a selected layout */
main .layout-1 h2, 
main .layout-2 h2, 
main .layout-3 h2, 
main .layout-4 h2 {
  color: inherit;
} 

main .layout-1 h2:after, 
main .layout-2 h2:after, 
main .layout-3 h2:after, 
main .layout-4 h2:after {
  content: '';
  border: none;
  padding: 0;
} 

/* If editors dont select layout for h2 in main, we 
   show pink */
main h2 {
  color: #c0c;
}
main h2:after {
  content: 'Layout anpassen!';
  color: #888;
  border: 1px solid #c0c;
  padding: 0 5px;
}

/* In aside only h2 is allowed, so we show pink if 
   heading is set wrong by editors */
aside h1,
aside h3,
aside h4,
aside h5,
aside h6 {
  color: #c0c!important;
}

/* In 2-col layout we need to set the number of aside cols to 4.
   If not, we show pink borders and a message.
*/
main.col-md-9,
aside.col-md-3{
  border: 2px solid #c0c; 
}

main.col-md-9:before {
  content: 'Spalten auf 8-4 formatieren!';
  font-size: 36px;
  color: #888;
  border: 1px solid #c0c;
  padding: 0 5px;
}

/* Trim the TYPO3 flashmessages */
.femanager_error  {
  margin-bottom: 40px;
  border-radius: 5px;
}

.femanager_flashmessages .typo3-message {
  margin-bottom: 40px;
  border-radius: 5px!important;
}

.femanager_flashmessages .typo3-message {
  margin-bottom: 40px;
  border-radius: 5px!important;
}

.typo3-message.message-ok {
  background-color: #009900;
  color: white;
}

.typo3-message.message-error {
  background-color: #990000;
  color: white;
}

.femanager_flashmessages > div {
  padding-left: 20px;
}

.femanager_error  {
  padding-left: 20px!important;
}

/* End flashmessages */

/* Mobile */
/*
.tds-claim {
  position: relative; 
  top: 25px; 
  left: 365px!important;;
  width: 150px;
  height: 66px
}

.tds-topnav {height: 200px}

.navbar-toggler {border: none;
}
.navbar-toggler-icon {color: #fff!important;}

.card-deck .card:nth-child(1) {
  padding-right: 0px
}
.card-deck .card:nth-child(2) {
  padding-left: 0px;
  padding-right: 0px
}
.card-deck .card:nth-child(3) {
  padding-left: 0px
}

.card-deck .card-body {margin-bottom: 60px}
.card-deck .card-deck {
margin-bottom: -40px}


.news-img-wrap img {width: 50%; height: auto; padding-bottom: 30px;
margin: 0;
}

.news {
margin-bottom: -70px}

.news .tds-news-container > div {margin-bottom: 60px;}
*/

/* Style accordeon */
.collapsible-accordion .card {
  margin: 15px 0;
  border: none;
}

.collapsible-accordion .card-header {
  border: 1px solid #007194;
  border-radius: 0;
  background-color: transparent;
}

.collapsible-accordion a {
  text-decoration: none!important;
}

.collapsible-accordion .card-body p{
  padding: 0 15px;
  margin-top: -7.5px;
} 

.sg-cookie-optin-iframe-consent,
.collapsible-accordion iframe {
  margin-left: 15px!important;
  width: 549px!important;
  height: 309px!important;
  max-width: 95%!important;
}

/* End accordeon */

/* Tweak to show custom select elements without double arrows in safari */
select {
  -webkit-appearance: none;
  -**-appearance: none;
  appearance: none;
}

/* Anmeldeformular */
.custom-control-label {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}
/* Ende Anmeldeformular */

/* Kontaktformular */

#tdSKontakt-173 h2 {
  display: none;
}

input#tdSKontakt-173-checkbox-1 {
  margin-left: -20px;
  margin-right: 7px;
}

/* End Kontaktformular */

/* Praxisbeispiele carousel */
#tds-prax-carousel {
  margin: 30px 0;
}

#tds-prax-carousel .carousel-item {
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
}

#tds-prax-carousel .carousel-item  {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
}

#tds-prax-carousel li { 
  list-style-type: none!important;
}

/* End Praxisbeispiele carousel */

/* Buttons */
.btn {
  text-decoration: none!important;
}

.fa-chevron-circle-left::before {
  /* arrow-circle-left */
  content: "\f0a8"; 
}

.fa-chevron-circle-right::before {
  /* arrow-circle-right */
  content: "\f0a9"; 
}
/* End buttons */

/* TEST */
/* 
#page-57 .media img {border: 1px dotted #bbb;}
*/

/* Seite Städtebauförderung in Kürze, besondere Formatierung in einem Element */
#c228 {
  /* margin: 60px 0; */
}

#c228 li {
  line-height: 1.5em;
  text-transform: uppercase;
  font-family: 'BundesSansWeb';
  text-align: left;
  hyphens: none!important;
}
/*
#c228 p:after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  content: "\f080";
  color: #008b97;
  font-size: 22px;
  display: block;
  margin-top: 17px;
  margin-bottom: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/
#c228 .text-primary,
#c249 .text-primary{
  color: #007194!important;
  font-family: 'BundesSansWebBold';
}

/* Hide elements on page "Reportagen" #page-47 */
#page-47 #c359 {
  display: none;
}
#page-47 #c159 {
  margin-top: -50px
}

/* Copyright notice on images */
.img-copyright-default {
  margin-top: 1px;
  margin-left: 0px;
}
.copyright-note {
  color: #888;
  font-size: 14px; 
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.25em;
  hyphens: auto;
}

.copyright {
  display: none;
}

/* Copyright notice in carousel images */
.tds-carousel-copyright {
  position: relative;
  top: -22px;
  font-size: 14px;
  color: #eee;
  text-align: right;
  height: 0!important;
  padding: 0 7.5px 0 0;
  display: inherit!important;
  text-shadow: 2px 2px 10px #000,
   -2px -2px 10px #000,
   2px -2px 10px #000,
   -2px 2px 10px #000;
}

/* Navbar on mobile */
.navbar-brand {
}

.navbar-toggler {
  border: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;;
}

/* Logo - Desktop */
.tds-toplogo {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
}

/* Claim - Desktop */
.tds-claim {
  position: relative; 
  max-width: 145px;
  max-height: 64px
}

.tds-claim-inner {
  position: absolute;
}

.tds-claim-inner img {
  height: auto;
}

/* Claim and logo on different viewports */
@media (min-width: 1px) {
  /* body {border: 2px solid black;} */
  .tds-topnav {
    height: auto;
    min-height: 155px;
  }
  .tds-toplogo {
    max-width: 435px;
  }
  .tds-claim { 
    top: 5px!important; 
    left: 420px!important;
    max-width: 1px;
  }
  .tds-claim-inner img {
    width: 0px;
  } 
}

@media (min-width: 576px) {
  /* body {border: 2px solid red;} */
  .tds-topnav {
    height: 155px;
  }
  .tds-toplogo {
    max-width: 405px;
  }
  .tds-claim { 
    top: 5px!important; 
    left: 420px!important;
    max-width: 85px;
  }
  .tds-claim-inner img {
    width: 85px;
  } 
}

@media (min-width: 768px) {
  /* body {border: 2px solid green;} */
  .tds-topnav {
    height: 190px;
  }
  .tds-toplogo {
    max-width: 560px;
  }
  .tds-claim { 
    top: 25px!important; 
    left: 580px!important;
    max-width: 105px;
  }
  .tds-claim-inner img {
    width: 105px;
  } 
}

@media (min-width: 992px) {
  /* body {border: 2px solid blue;} */
  .tds-topnav {
    height: 240px;
  }
  .tds-toplogo {
    max-width: 760px;
  }
  .tds-claim { 
    top: 40px!important; 
    left: 780px!important;
    max-width: 135px;
  }
  .tds-claim-inner img {
    width: 135px;
  } 
}

@media (min-width: 1200px) {
  /* body {border: 2px solid pink;} */
  .tds-topnav {
    height: 267px;
  }
  .tds-toplogo {
    max-width: 870px;
  }
  .tds-claim { 
    top: 60px!important; 
    left: 890px!important;
  }
  .tds-claim-inner img {
    width: 145px;
  }
}

#SgCookieOptin button:focus {
  outline: 2px solid #000!important;
  outline-offset: 1px;
}

/* Fotowettbewerb 2022 */
.tds-wettbfoto img {
  width: 320px;
}

/* Fotowettbewerb 2021 */
.fotowett2021 .col img {
	width: 100%;
}

.fotowett2021 h4 {
  margin-top: 10px;
  text-transform: uppercase;
}

.fotowett2021 .tds-left,
.fotowett2021 .tds-right {
 padding-left: 0;
 padding-right: 0;
}

@media (min-width: 768px) {
  
.fotowett2021  .tds-left {
 padding-left: 0px;	
 padding-right: 25px;
}

.fotowett2021 .tds-right {
 padding-right: 0;
 padding-left: 25px
}
  
}

.tds-footer-logos-partner {
  display: none;
}


#page-42 .tds-footer-logos-partner {
  display: inherit;
}

.bg-grey {
  border: 1px dotted #007194;
  padding-top: 20px;
}

/* Abstand vor dem Passwort-Vergessen-Link in rechter Spalte */
#page-13 #c25 {
  margin-bottom: 30px;
}


/* Countdonwn */
.countdown-container {
  display: flex;
  width: 100%;
  max-width: 465px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -30px
}

.days-container,
.hours-container,
.minutes-container, 
.seconds-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #007194;
  color: #fff;
  margin:10px;
  padding: 5px;
  width: 95px;
}

.days,
.hours,
.minutes,
.seconds {
  font-size: 2em; 
  margin: 8px 0;
}

.days-label,
.hours-label,
.minutes-label,
.seconds-label {
  text-transform: uppercase;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .countdown-container {
    max-width: 90%;
  }
  
  .days-container,
  .hours-container,
  .minutes-container, 
  .seconds-container {
    font-size: 0.8em;
    width: 100px;
    height: 100px;
  }
}
/* Countdown Ende */

/* Karussells Startseite */
#carousel-467 img,
#carousel-763 img {
  padding-right: 0px!important;
}

.carousel li {
  list-style-type: none
}

/* Karussells Startseite Ende */

/* Voting Fotos Icon */

.fa-magnifying-glass-plus:before {
  content:"\f00e"
}

.enlarge-icon {
  text-align: right;
  margin-top: -40px;
  margin-bottom: 8px;
  right: 30px;
  color: #fff;
  padding: 0px 12px;
  font-size: 24px;
}
/* Voting Fotos Ende */