/* ############################################################################################################ */
/* ##  name: Custom CSS                                                                                      ## */
/* ############################################################################################################ */

/* Allgemeines
-------------- */
    body, html {
        font-family: "Manrope", Arial, sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #7c7c7b;
        background-image: url(' /pub/media/51f809127a084835c4c97e27f48bd61d/background-tourenplaner.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom right;
    }
    
    p {
        font-weight: 300;
        font-style: normal;
        font-size: 19px;
        line-height: 1.5em;
    }
    
    hr {
        color: #0099cc;
        border-top: 1px solid #0080c9;
        border-bottom: none;
        margin-top: 5%;
        margin-bottom: 5%;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
    p strong,
    p a {
        font-weight: 800;
        color: #0080c9;
        text-decoration: none;
    }
    
    h1, h2, h3, h4, h5, h6 {
        text-transform: lowercase;
        font-weight: 300;
        color:  #7c7c7b;
    }
    
    h1 {
        font-size: 70px;
    }
    
    h2 {
        font-size: 40px;
    }
    
    h3 {
        font-size: 30px;
    }
    
    h1 strong,
    h2 strong,
    h3 strong {
        font-weight: 800;
        color:#0080c9;
    }
    
    h4, h5, h6 {
        font-weight: 800;
    }
	
/* Logo
--------*/

	header .logo {
		display: block;
		float: left;
	}

	header .logo img {
		height: 50px;
		margin: 20px 0;

	}
	
/* Header & Navigation
-----------------------*/
    #region-nav {
        display: none;
    }
    
    header:after {
		content: '';
		clear: both;
		display: table;
	}
	
    header {
        border: none;
        background-color: #fff;
        width: 100%;
        min-height: 60px;
        text-transform: lowercase;
        border-bottom: 1px solid #0080c9;
        padding-top: 10px;
    }
    
	header ul {
		list-style-type: none;
		float: right;
		margin: 20px 0 0 0;
	}

	header ul li {
		display: inline-block;
		margin-left: 10px;
	}

	header ul li a {
		font-size: 18px;
		padding: 10px 15px;
		color: #0080c9;
		white-space: nowrap;
	}

	header ul li.active > a {
		color: #0080c9;
	}
	
	header .logo img {
	    height: 40px;
	}
	
	[data-block-id="17a42e88df35276898d87fe4bfa88c22"],
	[data-block-id="4f1c9059dcf8b69ba191fa1bada16245"] {
    	background: #d3e4f6;
	}
	
	[data-block-id="4f1c9059dcf8b69ba191fa1bada16245"] {
    	background: #d3e4f6;
    	background-image: url('/pub/media/f615b9f4ffadcf9b44c38e43c5ee611d/background-tourenplaner-icon.png');
    	background-repeat: no-repeat;
    	background-position: bottom left;
    	background-size: contain;
    	padding-bottom: 5%;
    	margin-bottom: 5%;
    	background-size: 300px;
	}
	
	header ul li.active > a,
	header ul li a:hover {
	    background: #0080c9;
	    color: #FFF;
        text-transform: lowercase;
        border-radius: 7px;
        padding: 5px 20px 8px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        transition: 0.2s;
	}
	
	ul.level-1 a {
	    background: #FFF;
	    color: #0080c9;
        text-transform: lowercase;
        border-radius: 7px;
        border: 1px solid #0080c9;
        padding: 5px 20px 8px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
	}


/* Suchfeld
-----------*/
    #region-mobile-nav .icon-search,
    #region-search {
        display: none;
    }
    
/* Screenshot Einleitung
------------------------ */
    .screenshot {
        display: block;
        width: 900px;
    }
    
    .screenshot img {
        margin-bottom: 20px;
        position: absolute;
    }
    
    @media only screen and (min-width: 1115px) and (max-width: 1900px) { 
        [data-block-id="337395a0c26ca7725ba145beef2ec352"] h2 {
            margin-top: 55px;
        }
    }
    
    @media only screen and (max-width: 559px) {
        .screenshot img {
            display: none;
        }
    }
    
/* Buttons
---------- */
    .btn-blue {
        background: #0080c9;
        border: 1px solid #0080c9;
        text-transform: lowercase;
        border-radius: 7px;
        padding: 5px 20px 8px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin-bottom: 20px;
        margin-right: 10px;
    }
    
    .btn-blue a,
    .btn-blue a:hover
    .btn-blue a:visited {
        color: #FFF;
        font-weight: 300;
        text-decoration: none;
        font-size: 15px;
    }
    
    .btn-blue p {
        margin-bottom: 0px;
    }
    
    .btn-blue:hover {
        background: #FFF;
        border: 1px solid #0080c9;
        color: #0080c9 !important;
        transition: 0.8s;
    }
    
    .btn-blue a:hover {
        color: #0080c9 !important;
    }
    
    .btn-white {
        background: #FFF;
        text-transform: lowercase;
        border-radius: 7px;
        border: 1px solid #0080c9;
        padding: 5px 20px 8px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin-bottom: 20px;
    }
    
    .btn-white a,
    .btn-white a:hover
    .btn-white a:visited {
        color: #0080c9;
        font-weight: 300;
        text-decoration: none;
        font-size: 15px;
    }
    
    .btn-white p {
        margin-bottom: 0px;
    }
    
    .btn-white:hover {
        background: #0080c9;
        border: 1px solid #0080c9;
        color: #FFF !important;
        transition: 0.8s;
    }
    
    .btn-white a:hover {
        color: #FFF !important;
    }
    
    
/* Carousel
----------- */
    .owl-carousel .owl-item img {
        width: 70%;
        margin: auto;
    }
    
/* Kundenstimmen
---------------- */
    .subpages article {
        background-color: #FFF0;
    }
    
    .subpages-content {
        text-align: center;
    }

/* Footer
--------- */
    #region-footer {
        background: #0080c9;
        color: #FFF;
        padding-top: 40px;
        background-image: url('/pub/media/6d026b9dce5b4c1a02d5a29db548a421/tourenplaner-footer-background.png');
        background-repeat: no-repeat;
        background-size: cover;
        font-size: 90%;
    }
    
    #region-copyright {
        background: none;
        color: #FFF;
        margin-top: -50px;
    }
    
    #region-copyright p,
    #region-footer p {
        margin-bottom: 0px;
    }
    
    #region-footer h3 {
        color: #FFF;
    }
    
    #region-footer a,
    #region-footer a:visited {
        color: #FFF;
        font-weight: 300;
    }
    
    #region-footer a:hover {
        opacity: 0.8;
    }
    
    #region-footer h3 strong {
        color: #FFF;
    }
    
    footer {
        margin-top: 50px;
    }
    
/* Slider
-------- */
    .nureinshop-block-accordion--head {
      background-color: #0080c9;
      text-transform: lowercase;
      font-size: 120%;
      font-weight: 800;
    }
    
    .nureinshop-block-accordion--body {
      border: 1px solid #0080c9;
    }
    
/* Mobile Ansicht
----------------- */
     @media only screen and (max-width: 990px) {
        li#search {
             display: none;
        }
        
        ul.level-1 a {
            margin-left: 20px;
            margin-bottom: 20px;
        }
        
        #region-mobile-nav ul li img {
            filter: invert(40%) sepia() saturate(10%) hue-rotate(200deg);
        }
        
        h1 {
            line-height: 1em;
            margin-bottom: 30px;
        }
     }



/** generated: 2025-08-03 15:52:43 **/